.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:rgb(216,0,16);transition:opacity 3.75s,visibility 3.75s;z-index:99}.loader--hidden{opacity:0;visibility:hidden}.loader:after{content:"";width:175px;height:175px;border:100px solid #000000;border-top-color:#29e604;border-radius:50%;animation:loading 3.75s ease infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(3turn)}}#bg{position:fixed;top:0;left:0;z-index:-1}h1,h2,p,a{color:#f0f8ff;font-family:Josefin Sans,sans-serif}a{text-decoration:none}h1{font-size:3em}p{font-size:1.5em;line-height:1.25}div{padding:15px}header{margin-top:5%;margin-bottom:50px;background:rgba(26,0,0,.7);grid-column:2/span 10;padding:2rem;box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;text-align:center;width:85%}section{padding:1rem;background:var(--dark-bg);background:rgba(26,0,0,.7);box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;margin-bottom:50px;width:93%}#pong{border-radius:10px;margin-top:40px}img{width:100%;height:auto;border:#999 solid 1px;border-radius:10px}.icon{width:60px;height:auto;border:none;padding:0}ul{font-family:Josefin Sans,sans-serif;display:flex;flex-direction:row;flex-flow:row;flex-wrap:wrap;align-content:space-between;justify-content:space-evenly;align-items:flex-start;list-style-type:none;padding:15px;text-align:center}li{color:#f0f8ff;font-family:Josefin Sans,sans-serif;font-size:1.5em;display:flex;flex-flow:column;align-items:center;border-radius:30px;margin:15px 15px 10px;padding:14px;background:rgba(159,4,4,.7);box-shadow:-1px 3px 16px 4px #030303d6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(0,0,0,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(0,0,0,.84) inset}footer{padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;align-content:center;background:rgba(26,0,0,.7);box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;margin-bottom:15%}#socialist{display:flex;justify-content:center}@media only screen and (min-width: 821px){main{position:absolute;width:100vw;color:#faebd7;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:5px;width:none}h1,h2,p,a{color:#f0f8ff;font-family:Josefin Sans,sans-serif}a{text-decoration:none}h1{font-size:3em}p{font-size:1.5em}div{padding:15px}header{margin-top:5%;grid-column:2/span 11;padding:2rem;box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;text-align:center;width:none}section{grid-column:4/10;padding:1rem;box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;width:none}img{width:45%;height:auto;border:#999 solid 1px;border-radius:10px}.icon{width:80px;height:auto}ul,li{display:flex;flex-flow:wrap;align-items:flex-start;list-style-type:none;padding:10px;text-align:center}li{font-family:Josefin Sans,sans-serif;font-size:1.5em;display:flex;flex-flow:column;align-items:center}.about{grid-column:4/7;grid-row-start:auto;height:60%;align-items:start;width:85%}#headshot-sized{float:left;margin:15px}footer{padding:0;grid-column:7/10;box-shadow:-1px 3px 16px 4px #ffffffd6 inset;-webkit-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;-moz-box-shadow:-1px 3px 16px 4px rgba(255,255,255,.84) inset;border-radius:10px;width:93%}address{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center}#socialist{display:flex;justify-content:center}}