*{margin:0;padding:0;font-family:Source Code Pro}html,body{overflow-x:hidden;background-color:#f0f8ff}iframe{display:none}#youtube{display:block;margin:50px auto}#header{top:20px;right:75px;text-align:end;margin:0;position:fixed}#header li{display:inline-block;font-size:.75em;margin-right:20px}#header li:hover{background-color:#000;color:#f0f8ff}h1{font-weight:600;width:50%}#hero{display:flex;justify-content:center;width:100%;align-items:center;margin-top:100px}#intro{display:flex;flex-direction:column;align-items:center;text-align:left}.signature{color:#010101}.signature:hover{color:#9932cc;font-weight:700}#spline-viewer{flex-grow:3;width:auto;max-width:30%;margin:auto}.logo{width:50%}.sub-logo{margin:50px;width:200px}#enterPassword{padding-bottom:50px}.webgl{position:fixed;top:0;left:0;outline:none}.timeline-container{background-color:#010101;padding:8%;margin:50px 25%;text-align:center}.description{position:fixed;width:20.5vw;min-height:40.4vh;background-color:#fff;left:70.7vw;top:30vh}.project{position:absolute;width:20.3vw;height:7.8vh;background-color:#fff;left:8.7vw;top:30vh}.two{top:46.3vh}.three{top:62.6vh}#timeline{text-align:center;margin-bottom:100px}#timeline-text{margin-top:100px}#work-text,#speaking-text,#about-text{text-align:center}#intro-text{font-size:.75em;margin-top:100px}.work-img{display:inline-block;width:25vw;height:25vw;margin:40px 10px;background-position:center;background-position-y:top;background-size:cover;border-radius:5px;box-shadow:3px 3px 5px #00000a66;overflow:hidden;border:1px solid white;filter:contrast(300%) grayscale(100%)}.work-img:hover{filter:none;cursor:pointer;transition:.07s}.bar{position:relative;height:40px;width:100%;background-color:#010101;border-bottom:2px solid aliceblue;text-align:center;padding-top:15px}#flygirl{background-image:url(./flygirl-68841043.png)}#ponk{background-image:url(./ponk-d85ae78e.jpeg)}#theTimeIsCow{background-image:url(./theTimeIsCow-939b88a0.png)}#streemLogin{background-image:url(./StreemLogin-1d0b54f1.png);background-position:right}#streemNav{background-image:url(./streemNav-4d2e2823.png);background-position:left}#streemAPI{background-image:url(./streemAPI1-46b18062.png)}#networkgf{background-image:url(./gf-89fb02ae.jpeg)}#dlrs{background-image:url(./diary-87ac4c93.jpeg)}#techi3{background-image:url(./techi3Club-593f6a0e.JPG)}a{text-decoration:none;color:#f0f8ff}#work{width:100vw;display:block;margin:200px auto 0;text-align:center;background-color:#010101;padding-top:100px}#speaking{width:100vw;display:block;margin:200px auto 0;text-align:center;background-color:#010101;padding-top:100px;padding-bottom:100px}#about{width:100vw;display:block;margin:50px auto;text-align:center;background-color:#f0f8ff;padding-top:100px;padding-bottom:100px}#about-description{width:40%;display:inline-block;margin:0 200px;text-align:left;vertical-align:top}#work p,#speaking p{color:#f0f8ff;margin-bottom:60px}#about p{color:#010101;margin-bottom:60px}p{color:#000;font-optical-sizing:auto}.project:hover{background-color:#00f;cursor:pointer}.project-title{margin:20px;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto}.cover{position:fixed;width:100vw;height:100vh;background-color:#0a0a0acc;z-index:0;top:0;overflow:none;margin:0}.cover2{background-color:#00000ae6;left:0}.modal{background-color:#fff;width:90%;max-width:1200px;position:absolute;margin:40px 0;box-shadow:5px 5px 5px #000;z-index:2;top:10px;left:50%;transform:translate(-50%)}#passwordInput{width:200px;height:30px;padding-left:10px}#passwordSubmit{margin-top:16px;width:110px;height:35px}.modal-img{width:90%;margin:50px 5%;display:block}#small-imgs{display:block;width:90%;margin:auto;text-align:center}modal-img:hover{cursor:pointer}.modal-title{display:block;padding-top:50px;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-size:4em;width:100%;text-align:center}.hidden{display:none}.fullscreen{height:100vh;position:fixed;top:0;width:auto;z-index:5;left:50%;transform:translate(-50%);margin:0}.noScroll{overflow-y:hidden}.modal-description{font-family:Courier New,Courier,monospace;font-weight:light;font-size:1.25em;margin-left:50px;margin-right:50px}h2.modal-description{text-align:center;margin-bottom:50px}#close{width:2%;position:absolute;top:30px;right:30px}#close:hover{cursor:pointer}#close:hover .cls-1{fill:#6400ff80}.speaking-img{filter:grayscale();width:40%;display:inline-block;margin-top:100px;margin-bottom:100px}#about-img{width:40%;display:inline-block;margin-bottom:100px}#small-imgs img{display:inline-block;width:49%;margin:0}@media only screen and (max-width: 1000px){body{width:100vw}#hero{flex-direction:column-reverse;justify-content:center;width:100%;align-items:center;margin-top:20px}h1{display:none}#intro{display:flex;justify-content:center;flex-direction:column-reverse;flex-grow:3;align-items:flex-start;width:90%}.signature{font-size:1.5em;text-decoration:underline;line-height:2.9}#intro-text{position:relative;bottom:0;transform:translate(0);font-size:.5em;margin-top:50px}.timeline-container{width:100vw;transform:translate(0);margin:60px 0;padding:0}.timeline{margin-top:0}.timeline-self-portrait{margin:60px}#timeline-text{margin-top:60px}#spline{display:none;width:100vw!important;height:100vw!important;transform:scale(-.5)}#spline-viewer{max-width:90%}.logo{width:30%;margin-top:20px}.work-img{display:block;width:90vw;height:50vw;margin:40px auto;background-position:center;background-position-y:top;background-size:cover;border-radius:5px;box-shadow:3px 3px 5px #00000a66;overflow:hidden;border:1px solid white;filter:contrast(300%) grayscale(100%)}#work{padding-bottom:50px;margin-top:90px}#youtube{height:350px;width:85%}#speaking{margin-top:100px}.speaking-img{filter:grayscale();width:85%;display:inline-block;margin-top:20px;margin-bottom:0;filter:none}#about-img{width:100%}#about-description{display:block;width:80%;margin:auto}#small-imgs img{display:inline-block;width:45%;margin:0}#enterPassword{margin-top:100px}#passwordInput{width:200px;height:30px;padding-left:10px}#passwordSubmit{margin-top:16px;width:100px;height:35px}.modal-description{font-size:1em}}