.canvas{height:100vh}@import url("https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap");.title{font-size:45px;font-family:Orbitron,sans-serif}.subtitle{font-size:14px;width:90%;font-family:Roboto Condensed,sans-serif;font-weight:200;margin-top:5px;margin-bottom:20px}.goNext{padding:10px 20px;border-radius:10px;background:rgba(255,255,255,.233);outline:none;border:none;transition:.5s}.textSection{padding:30px;font-family:Roboto Condensed,sans-serif;width:40%}.layerCanvas{height:100vh;width:100vw;background-color:rgba(0,0,0,.534);display:flex;flex:1 1;align-items:center}.goNext:hover{background-color:orange}@media (max-width:1600px){.textSection{width:50%}}@media (max-width:1200px){.textSection{width:55%}.title{font-size:38px}}@media (max-width:1000px){.title{font-size:20px;text-align:center;font-family:Orbitron,sans-serif;width:100%}.subtitle{font-size:12px;width:90%;font-family:Roboto Condensed,sans-serif;font-weight:200;width:80%;margin:5px auto 10px}.goNext{padding:6px 18px;border-radius:10px;background:rgba(255,255,255,.233);outline:none;font-size:12px;border:none;transition:.5s}.textSection{font-family:Roboto Condensed,sans-serif;width:100%;text-align:center;justify-content:center}.layerCanvas{height:100vh;width:100vw;background-color:rgba(0,0,0,.534);display:flex;flex:1 1;align-items:flex-end;padding-bottom:100px;justify-content:center;width:100%}}