.centered,.introMenu{top:50%;left:50%;transform:translate(-50%,-50%)}.home a,.home h1,h1,h2,h3,h4,h5,h6{font-family:connection}#intro,.box h2{overflow:hidden}.aboutImage,.aboutPic{filter:grayscale(100%);transition:1s}.aboutImage:hover,.aboutPic:hover{filter:grayscale(0%)}footer,main{text-align:center}@font-face{font-family:connection;src:url('ConnectionIi-2wj8.otf')}@media (prefers-reduced-motion){*{animation:none!important;transition:none!important}}body,html{margin:0;display:block}body{background:#000;color:#fff;font-size:calc(10px + 2vmin)}a{color:inherit;text-decoration:none}.gone,.project-gone{display:none}.home,.project ul,.project-list-container,.quit,.skillOptions,.start{display:flex}.hidden{visibility:hidden}.emptyButton{background:inherit;border:none;color:inherit;padding:0;margin:0;font-size:inherit}.centered{position:absolute}.floatingButton{position:fixed;height:45px;width:45px;right:30px;bottom:30px;background:#fff;border-radius:50%;color:#fff}.home,main{width:90vw;margin:0 auto}.floatingButton:hover{animation:1.25s linear infinite blink}.introMenu{position:absolute;border:5px solid #fff;padding:1rem 3rem;border-radius:5px}.aboutText,.box,.home{padding:1rem}.introMenu i{padding-right:.5rem;animation:1s linear infinite blink}.quit,.start{flex-direction:row;align-items:center}.home{flex-direction:column;align-items:center;justify-content:space-between}.home a,.home h1{padding:.5rem}.box{border:2px solid #fff;border-radius:10px;margin:1rem}.box h2{margin:0 auto;animation:3.5s steps(30,end) typing}@keyframes typing{from{width:0}to{width:100%}}.aboutDivider{display:flex;flex-direction:column;align-items:center}.aboutPic{height:200px;width:200px;background-image:url(./img/pixel-portrait.png);background-size:contain}.aboutPic:hover{background-image:url(./img/portrait.jpg)}.skillOptions{flex-direction:column;justify-content:space-evenly}.project-list button,.skillOptions button{background:inherit;font-family:inherit;font-size:inherit;color:inherit}.project-list button:hover,.skillOptions button:hover{cursor:pointer;background:#fff;color:#000;animation:1s linear infinite blink}.project-list button:hover::after,.skillOptions button:hover:after{content:"?"}@media (min-width:741px){.aboutDivider,.home,.skillOptions{flex-direction:row}.home a{font-size:120%}.home a:hover,.home h1{background:#fff;color:#000;animation:1.25s linear infinite blink}.home a:hover:after{content:"?"}@keyframes blink{0%,100%{opacity:0}50%{opacity:.7}}main{width:50vw}}.skillSection details>summary{list-style-type:none;cursor:pointer}.skillSection details>summary::before{font-family:'Font Awesome 5 Free';content:"\f02d  ";font-weight:900}.skillSection details[open]>summary::before{font-family:'Font Awesome 5 Free';content:"\f518  ";font-weight:900}.skillSection details>summary::after{font-family:'Font Awesome 5 Free';content:" \f02d";font-weight:900}.skillSection details[open]>summary::after{font-family:'Font Awesome 5 Free';content:" \f518";font-weight:900}.skillSection ul{list-style:none}.skillSection li{padding:.5rem;margin:.5rem}.skillSection details p{padding:1rem;border-radius:5px;background:#fff;color:#000}.project{max-width:100%;overflow:auto;word-wrap:break-word}.project-list{flex:0 0 30%;list-style-type:none}.project-detail{flex:1}.project ul{list-style-type:none;justify-content:center;padding:0}.project ul li{margin:1rem;background-color:#fff;color:#000;padding:.5rem;border-radius:10px}.project h5{margin-bottom:0}.project h5,.project ul{border-bottom:1px solid #fff}.pixelated-icon{font-size:50px;color:#0077b5;image-rendering:pixelated;display:inline-block}@media (max-width:768px){.project-list{display:none}.project-gone{display:block!important}.project{max-width:100%;overflow:auto;word-wrap:break-word}}@media (max-width:360px){.project-list{display:none}.project-gone{display:block!important}.project ul li{font-size:.5rem;margin:.1rem;background-color:#fff;color:#000;padding:.5rem;border-radius:10px}}