body{background-color:#070b15;image-rendering:-webkit-optimize-contrast;margin:0;overflow-x:hidden;overflow-y:scroll}body a,body a:focus,body a:active{text-decoration:none}body::-webkit-scrollbar{width:4px !important;background-color:transparent}body::-webkit-scrollbar-thumb{background-color:#5a5a97;transition:background-color 60ms linear;border-radius:1px}body::-webkit-scrollbar-thumb:hover{background-color:#383875}#track-player{position:absolute;top:10px;right:4.5vw;width:30px;height:30px;opacity:.8;transition:opacity 100ms linear;cursor:pointer}#track-player:hover{opacity:1}#bg-ctn{position:fixed;top:-20px;left:-5px;display:flex;justify-content:center;width:100vw;height:calc(100vh + 40px);z-index:-1}#bg-video{height:100%;aspect-ratio:16/9;height:100%;box-shadow:0 0 50px black}#page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh}header{display:flex;flex-direction:column;align-items:center;width:20%;max-width:200px;min-width:100px;margin-top:10vh;opacity:.95}header img{width:100%;border-radius:50%}header h1{color:white;text-align:center;font-family:Arial;font-size:16pt;text-shadow:1px 1px 5px black}main{display:flex;flex-direction:column;align-items:center;width:100%;min-height:55vh}#project-list-ctn{display:flex;flex-direction:column;align-items:center;width:40%;min-width:340px}.project-element{display:flex;justify-content:center;flex-wrap:wrap;width:calc(100% - 7px - 7px);background-color:rgba(7,11,21,0.9);border-radius:5px;cursor:pointer;box-shadow:0 0 0 white;transition:background-color 60ms linear,transform 100ms linear,box-shadow 100ms linear;user-select:none}@media screen and (min-width:1109px){.project-element{padding:4px 7px}}@media screen and (max-width:1108px){.project-element{padding:8px 7px 4px 7px}}.project-element:hover{background-color:rgba(7,11,21,0.95);transform:scale(0.99);box-shadow:0 0 3px white}.project-element:hover img{opacity:.9}.project-element:hover .project-description{opacity:.95}.project-element img{aspect-ratio:1/1;height:100px;margin:10px 7px 10px 7px;opacity:.88;transition:opacity 60ms linear}.project-description{display:flex;flex-direction:column;width:calc(100% - 100px - 7px - 7px - 7px - 7px);min-width:300px;margin-top:8px;padding-left:7px;padding-right:7px;opacity:.9;transition:opacity 60ms linear}.project-description h1{color:white;font-family:Arial;font-size:12pt;margin-bottom:6px}@media screen and (max-width:1108px){.project-description h1{text-align:center}}.project-description p{color:white;font-family:Arial;font-size:10pt}@media screen and (max-width:1108px){.project-description p{text-align:center}}footer{display:flex;justify-content:center;align-items:center;width:100%;background-color:rgba(7,11,21,0.9);padding-bottom:8px;z-index:1;opacity:.95}footer p{color:white;font-family:Arial;font-size:9.5pt;margin-top:0;margin-bottom:0}