.page-header{color:#fff;background-color:#262626;justify-content:space-between;padding:1rem;display:flex}
.page-footer{color:#fff;background-color:#262626;padding:1rem}
*{margin:0;padding:0}html{font-size:16px;overflow:auto}body{color:#000;font-family:Poppins,sans-serif}h1{font-family:Comic Sans,sans-serif}.gray-link{color:#000}.gray-link:hover{color:gray}main{min-height:70vh}nav{justify-content:space-around;margin:1rem;display:flex}nav a{color:#fff}h1{text-align:center;margin:.75rem auto}.flex{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.column{flex-direction:column}#nav{height:5rem;margin:0}.nav-link{color:#000}.nav-link:hover{color:gray}.navbar-nav>li{padding-left:5px;padding-right:5px}.container{padding-top:20px;padding-bottom:20px}.text-container{max-width:40rem;margin:0 auto;padding:1rem}.text-container *{line-height:1.5rem}#footer-container{margin:0}#game-demos{border:.5rem solid #000;margin-top:5rem}header a{color:#fff;margin:.5rem}button,.btn{color:#000;cursor:pointer;background-color:#f5bb00;border:.1rem solid #000;border-radius:.5rem;margin:1rem;padding:.5rem;box-shadow:.25rem .25rem #262626}button:hover,.btn:hover{color:#fff;background-color:#262626}button:active,.btn:active{box-shadow:none;transform:translate(.25rem,.25rem)}#gameBackground{width:100vw;height:92vh;position:relative}#frame{width:66.8vw;height:82vh;position:absolute;top:14vh;left:16.5vw}#back-to-top{position:fixed;top:90%;left:90%}@media only screen and (max-width:720px){.desktop{display:none}}@media only screen and (max-width:480px){#gameBackground{height:480px}}
@font-face{font-family:pixel;src:local(pixel),url(../media/m5x7.00z.sr7l90ydl.ttf)}#bytesized{color:#f7b36e;font-family:pixel;font-size:2rem}