canvas{position:fixed;top:0;left:0}body{margin:0}main{position:absolute;color:#fff;z-index:3;margin:0 auto;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(12,1fr)}.infoSec{grid-column:2 / 3;grid-row:6;position:absolute;z-index:4}header{grid-column:2 / 3;grid-row:5;font-size:3rem}h1,a{margin:0;color:#fff;text-decoration:none;font-weight:700;font-family:Roboto,sans-serif}.buttonsRow2>a:hover{background-color:#fff;color:#000;color:var(--a-color)}.buttonsRow1{grid-column:2 / span 4;grid-row:6;font-size:2.75rem;margin-block-start:-.22em;margin-block-end:.5em}.buttonsRow2{grid-column:2 / span 4;grid-row:7;font-size:1.25rem;margin:0 0 0 3px}#RGB{font-size:80vw;z-index:2;font-family:Roboto,sans-serif;color:#ffffff26;text-align:center;user-select:none}.alignRGB{position:fixed;top:52%;left:80%;transform:translate(-50%,-50%)}@media only screen and (max-width: 600px){#RGB{margin:0;font-size:130vw;z-index:2;color:#ffffff1a}.alignRGB{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}main{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}.infoSec{grid-column:2 / 11}header{font-size:2rem}.buttonsRow1{grid-column:2 / 4}.buttonsRow2{grid-column:2 / span 11}}