:root{--process-color: rgb(29, 25, 26);--accent-color: rgb(255, 255, 255);--github-color: rgb(51, 51, 51);--youtube-color: rgb(255, 0, 0);--discord-color: rgb(88, 101, 242);--patreon-color: rgb(255, 66, 77)}body{background:var(--process-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main{display:-ms-grid;display:grid;-ms-grid-rows:3fr 2fr;grid-template-rows:3fr 2fr;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;margin-top:100px}main>section:nth-child(1){text-align:center}main>section:nth-child(1) p{max-width:900px}main>section:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main>section:nth-child(2) a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--accent-color);border-radius:50px;width:70px;height:70px;padding:1rem;margin:0 2rem;-webkit-box-shadow:0px 10px 10px 0px #000;box-shadow:0px 10px 10px 0px #000;-webkit-transition:all 150ms ease-out;transition:all 150ms ease-out}main>section:nth-child(2) a svg{fill:var(--process-color);width:32px;height:32px}main>section:nth-child(2) a:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0px 12px 12px 0px #000;box-shadow:0px 12px 12px 0px #000}main>section:nth-child(2) a:hover svg#github-logo{fill:var(--github-color)}main>section:nth-child(2) a:hover svg#youtube-logo{fill:var(--youtube-color)}main>section:nth-child(2) a:hover svg#discord-logo{fill:var(--discord-color)}main>section:nth-child(2) a:hover svg#patreon-logo{fill:var(--patreon-color)}section.content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:920px;margin:0 auto}section.content-wrapper section.screenshot-grid{display:-ms-grid;display:grid;place-items:center;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr);grid-gap:1rem}section.content-wrapper section.screenshot-grid img{-webkit-transition:all 25ms linear;transition:all 25ms linear}section.content-wrapper section.screenshot-grid img:hover{-webkit-transform:scale(2);transform:scale(2);-webkit-box-shadow:0px 0px 12px 4px rgba(0,0,0,0.5);box-shadow:0px 0px 12px 4px rgba(0,0,0,0.5)}@media screen and (max-width: 920px){h1{margin-bottom:1em}section.content-wrapper section.screenshot-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}}