canvas{position:fixed;top:0;left:0}#backbutton{position:absolute;bottom:0;margin-bottom:1%;left:0;margin-left:1%;width:3%;height:auto;cursor:pointer;z-index:2}#soundbutton{position:absolute;bottom:0;margin-bottom:1%;right:0;margin-right:1%;width:3%;height:auto;cursor:pointer;z-index:2}.portfolio{visibility:hidden;padding-left:3%;padding-right:3%;z-index:2}.portfolio-title{padding-bottom:1%;margin:0;font-size:3.5vw;font-family:Segoe UI,Verdana,sans-serif}.portfolio-body{margin:0;vertical-align:top;text-align:left;white-space:pre-line;word-wrap:break-word;font-size:1.6vw;font-family:Segoe UI Light,Verdana,sans-serif}div{color:#f8f8ff;display:grid}#bg{z-index:1}#loading-screen-title{font-family:Segoe UI Light,Verdana,sans-serif;font-size:28pt;text-align:center}#loading-screen-disclaimer{font-family:Segoe UI Light,Verdana,sans-serif;color:#f8f8ff;font-style:italic;opacity:.65;font-size:13pt;text-align:center;visibility:hidden}.piccontainer{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;align-items:center}#spacebarpic{min-width:0;max-width:35%;height:auto;margin-top:0%;margin-left:4%}#mousepic{min-width:25%;max-width:25%;height:auto;margin-top:0%;margin-left:27%}@media only screen and (max-width: 500px){#loading-screen-disclaimer{visibility:visible}.piccontainer{display:grid;grid-template-columns:50% 50%;grid-template-rows:100%}#spacebarpic{padding-top:130%;min-width:65%}#mousepic{padding-top:130%;min-width:50%}#soundbutton{width:5%}}#loading-screen{position:absolute;z-index:99;top:0;left:0;width:100%;height:100%;background-color:#000;overflow-y:hidden;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{display:block;position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;inset:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ba55d3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;inset:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0f;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#root{--dark-bg: rgba(15, 15, 15, .6);--spacing: 300px;width:100%}body{background:#0000;overflow-x:hidden;overflow-y:hidden}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{-ms-overflow-style:none;scrollbar-width:none}.container::-webkit-scrollbar{display:none;width:0;height:0}