@import url(https://fonts.googleapis.com/css2?family=Signika:wght@300;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap);:root{--black:#0e0e0e;--white:#f3f3f3;--gray:#a1a1a1;--mortar:#515151;--yellow:#ffee32;--bee:#ffd100;--paperlight:#f2ede3;--paperdark:#ebe3d6;--backgnd:var(--white);--foregnd:var(--black);--font:"Signika";--highlight:#0ef}*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;font-family:var(--font),sans-serif;font-size:16px;font-weight:300;letter-spacing:1px;margin:0;outline:none;padding:0;text-decoration:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3{font-family:Libre Baskerville,serif}body{background-color:var(--black);color:var(--foregnd);height:100%;overflow:hidden;width:100%;z-index:0}.hamburger{cursor:pointer;left:30px;position:fixed;top:25px;z-index:4}.line1,.line2,.line3{background-color:#f0f0f0;content:"";display:block;height:2px;margin:5px 0;transition:all .5s ease;width:30px}.line1.close{background-color:#0e0e0e;transform:translate(0) rotate(-45deg)}.line2.close{background-color:#0e0e0e;transform:rotate(45deg)}.line3.close{background-color:#0e0e0e;transform:translate(1px,2px) rotate(45deg);width:16px}.equilizer{cursor:pointer;height:40px;position:fixed;right:50px;top:10px;transform:rotate(180deg);width:30px;z-index:3}.bar{fill:hsla(0,0%,100%,.4);stroke-width:1px;stroke-opacity:1;height:4px;width:18px}.bar.animate{animation:equalize 3s steps(25) 0s infinite}.bar:first-child{animation-duration:3s}.bar:nth-child(2){animation-duration:4s}.bar:nth-child(3){animation-duration:5s}.bar:nth-child(4){animation-duration:6s}.bar:nth-child(5){animation-duration:2s}@keyframes equalize{0%{height:60px}4%{height:50px}8%{height:40px}12%{height:30px}16%{height:20px}20%{height:30px}24%{height:40px}28%{height:10px}32%{height:40px}36%{height:60px}40%{height:20px}44%{height:40px}48%{height:70px}52%{height:30px}56%{height:10px}60%{height:30px}64%{height:50px}68%{height:60px}72%{height:70px}76%{height:80px}80%{height:70px}84%{height:60px}88%{height:50px}92%{height:60px}96%{height:70px}to{height:80px}}nav{background-color:var(--paperlight);background-image:url(assets/images/ebelogod4f7e131b2d6a21e603a.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;position:fixed;top:0;width:0;z-index:-1}.navitem{opacity:0}.navlinks{display:flex;flex-direction:column;height:100%;justify-content:center;padding:20% 0}.navlinks div{cursor:pointer;margin:auto}.navsocial{display:flex;flex-direction:row;justify-content:space-around}.navsocial a{margin:auto 10px}.navsocial img{margin:auto;width:30px}#canvas{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:block;height:10vh;position:fixed;right:0;top:0;touch-action:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:10vw;z-index:1}.loading-bar{background-color:var(--backgnd);height:2px;position:fixed;top:50%;transform:scaleX(0);transform-origin:top center;width:100%;will-change:transform;z-index:3}#zone_joystick{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:2px solid hsla(0,0%,100%,0);border-radius:50%;bottom:60px;display:none;left:80px;position:fixed;touch-action:none;transition:all .5s ease;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:border;z-index:2}#zone_joystick img{margin:auto}#interractButton,#jumpButton{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#ffffff63;border:2px solid #fefefe;border-radius:50%;bottom:40px;display:none;height:50px;padding:2px;position:fixed;right:50px;touch-action:manipulation;touch-action:none;transition:all .5s ease;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50px;will-change:border;z-index:2}#interractButton{right:80px}.highlight{border:2px solid var(--highlight)!important}.closeProj{background-color:#ffffff63;border:2px solid #fefefe;border-radius:50%;cursor:pointer;height:40px;margin:10px 12px;padding:10px;position:fixed;right:5%;width:40px;z-index:3}.box,.instructions,.lab,.library{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;height:100%;opacity:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.info_cont,.lib_cont{background-color:#393939ce;background-image:url(assets/images/ebelogod4f7e131b2d6a21e603a.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #e0e0e0;border-radius:10px;color:var(--white);display:flex;flex-direction:row;flex-wrap:wrap;height:90%;justify-content:space-around;margin:auto;width:90%}.laboratory{margin:auto}.openBookImg{height:90%;margin:auto;transform:scaleX(1);width:90%}.projImg{display:block;flex:1;margin:auto;padding:30px}.projImg img{border-radius:10px;height:100%;min-width:200px;object-fit:cover;width:100%}.info{color:var(--white);flex:1;font-size:14px;margin:auto}.info h2{align-self:center;font-size:x-large;margin-bottom:30px;text-align:center}.info h3{font-size:medium}.info h3,.info p{margin-bottom:10px}.info a{color:var(--white)}.next,.prev{position:fixed;top:50%;transform:translateY(-24px);z-index:-1}.next{right:0}.library{z-index:-1}.lib_cont{align-content:center;color:var(--black);flex-wrap:wrap;justify-content:space-evenly}.book{border-radius:2px;height:80%;margin:auto 10px;min-width:200px;width:30%}.booktitle{height:20%;position:relative}.booktitle h3{color:#e0e0e0;font-family:Libre Baskerville,serif;font-size:x-large;height:20%;left:40px;position:absolute;top:40px}.about .booktitle{background:linear-gradient(140deg,#5a5482,#d097dc)}.resume .booktitle{background:linear-gradient(140deg,#475959,#76c086)}.credits .booktitle{background:linear-gradient(140deg,#545577,#57b0c6)}.bookcontent{align-items:center;display:flex;flex-direction:column;height:80%;position:relative;text-align:center}.bookcontent p{line-height:30px;overflow:auto;padding:20px;text-align:justify}.credits-info{line-height:30px;overflow-y:auto;padding:10px;text-align:left}.credits-info::-webkit-scrollbar{display:none}.credits-info{-ms-overflow-style:none;scrollbar-width:none}.bookbutton{background-color:var(--paperdark);border:1px solid #c9c5b9;border-radius:2px;bottom:0;box-shadow:5px 5px 25px 1px #0e0e0e99;color:var(--black);cursor:pointer;height:30px;left:50%;line-height:28px;margin:20px auto;position:absolute;transform:translate(-50%);transition:all .5s ease;width:150px}.bookbutton:hover{background-color:#a1a1a1}.about .bookcontent,.credits .bookcontent,.resume .bookcontent{background-color:var(--paperdark)}.instructions_icon{border:2px solid #fff;border-radius:50%;color:#fefefe;cursor:pointer;height:25px;line-height:20px;opacity:.5;position:absolute;right:110px;text-align:center;top:25px;width:25px;z-index:3}.instructions_pointer{position:absolute;right:145px;top:20px;z-index:2}.instructions_wiggle{position:absolute;right:160px;top:65px;z-index:2}.blink-border{animation:blink 1s;animation-iteration-count:10}@keyframes blink{50%{border-color:var(--highlight);opacity:1;transform:scale(1.2)}}.instructions_cont{background-color:#000;background-image:url(assets/images/instructions_desktop227be706dbce0e3e6b7c5.webp)}.link-img{-webkit-filter:invert(1);filter:invert(1);position:relative;top:2px;width:16px}.hide-portrait{align-content:center;align-items:center;display:block;display:flex;flex:1;flex-direction:column;justify-content:center;margin:auto;opacity:0;padding:0 20px;transition:all .5s ease}.hide-portrait img{width:0}@media (hover:none) and (pointer:coarse){#zone_joystick{display:flex}#jumpButton{display:block}}@media only screen and (max-device-width:900px)and (orientation:landscape){.info h2{font-size:medium;margin-bottom:10px}.info p{font-size:12px}.book{flex:1}.booktitle{height:20%;text-align:center}.booktitle h3{height:20%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bookcontent{height:80%}.bookcontent p{overflow-y:scroll;padding:10px}.bookcontent p,.credits-info{font-size:12px;line-height:20px}.bookcontent a{font-size:12px;line-height:28px}.bookbutton{margin-bottom:10px}.instructions_cont{background-color:#000;background-image:url(assets/images/instructions_mobile470ad49a00992bfada5a.webp)}}@media only screen and (max-device-width:800px) and (orientation:portrait){.info_cont{flex-direction:column;flex-wrap:nowrap}.info{padding:10px}.closeProj{top:5%}.book{height:40%;margin:10px 20px}.booktitle h3{height:20%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bookcontent p,.credits-info{font-size:12px;line-height:20px}.bookcontent a{font-size:12px;line-height:28px}.bookbutton{margin-bottom:10px}.instructions_cont{background-color:#000;background-image:url(assets/images/instructions_mobile_portraitc5edf1ee96312bc554e5.webp)}.instructions_pointer{right:120px}.instructions_wiggle{right:135px}.hamburger{left:30px}.equilizer{right:30px}.instructions_icon{right:90px}.projImg{height:30%}.hide-portrait{opacity:1;text-align:center;transition:all .5s ease}.hide-portrait img{-webkit-filter:invert(1);filter:invert(1);width:50px}.hide-portrait p{color:var(--white);font-size:14px}}