header{height:5rem;margin:2rem;width:50vw;left:25%;right:50%}header nav.desktop{padding-right:0;padding:0}.icon.designs{display:flex !important}.icon.designs img{height:3rem;margin-right:2rem}.icon.designs:hover .tooltip,.icon.designs:hover .tooltip::before{visibility:hidden}#container{width:100vw;height:100vh}#overlay{position:fixed;z-index:1;height:100%;width:100%;top:50%;display:none}#video,#photos{display:none;position:absolute;z-index:2}#video.display,#overlay.display{display:block;position:absolute;transform:translate(-50%, -50%);left:88vw;top:10vw}#photos.display{display:block;width:80vw;height:100%;margin:0 auto;left:50vw;top:-5vw;max-height:1000px}#swiper-1{width:100%;height:100%}#photos.display img{width:100%;height:100%}#overlay.display{left:150vw}#video-container,#photos .container{position:relative;overflow:hidden}#video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}body{font-family:'Poppins', sans-serif}header div.icon-popups div.tooltip{top:20}header{height:5rem;background-color:rgba(255,255,255,0)}header .content{height:100%;width:100%;max-width:100vw;display:flex;justify-content:space-between;align-items:center;text-align:center;margin:0 auto}.icon-popups{float:right}.icon-popups.desktop-view{left:1000px}div.icon-popups div.wrapper{flex-direction:row}.icon.designs{z-index:20}.wrapper .tooltip,.icon.designs .tooltip{position:static;top:0;font-size:1rem;color:#ffffff;padding:0 0;border-radius:none;box-shadow:none;opacity:0;pointer-events:auto;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}header a.desktop:hover+div.icon-popups,header div.icon-popups:hover,header.popup .icon-popups,div.icon-popups.hover-effect{bottom:-20.5rem;right:50vw;left:50vw;opacity:1}.wrapper .tooltip::before,.icon.designs .tooltip::before{margin-top:0;content:"";height:8px;width:8px;top:100px;background-color:#ffffff;bottom:auto;left:auto;transform:none}i.fas.fa-arrow-left{padding-top:5px}i.fas.fa-arrow-left:hover{color:black}canvas{display:block;position:absolute}canvas .webgl{top:0;left:0;z-index:1}nav{background-color:rgba(0,0,0,0);color:white;z-index:0.5;position:relative;display:flex;justify-content:space-between;margin-left:2.5rem}nav a{text-decoration:none;color:gray;font-weight:200}nav a span{color:white;font-weight:700;text-transform:uppercase}nav ul{list-style:none;display:flex;gap:4rem}#screen-filter{width:100vw;height:100vh;position:fixed;background-opacity:0;filter:none;transition:filter 0.75s}#screen-filter.theatre{filter:grayscale(50%) blur(4px) brightness(0.7)}#title.home-title.theatre{transform:translate(-39%, 25%)}#title.home-title{color:#d6d48e;z-index:2;left:35%;bottom:25%;transform:translate(-70%, 25%);text-align:right;line-height:0.25rem}#title.home-title h1{font-family:'Permanent Marker', sans-serif;font-size:2.25rem;text-shadow:-1px 1px 1px #383838, -2px 2px 2px #383838, -4px 4px 4px #383838;-webkit-text-stroke:2px #383838}#title.home-title h2{color:white;font-size:0.75rem;font-weight:200;letter-spacing:0.3rem;text-transform:uppercase}#title.home-title h1#project-name{position:absolute;z-index:1000;font-family:"Poppins", sans-serif;color:darkorange;left:1rem;top:1rem;opacity:0.7}div#categories{z-index:2;position:absolute;left:55%;top:25%;transform:translate(-30%, 0);text-align:right;line-height:0.25rem}div#categories ul{display:flex;flex-direction:column;width:600px}div#categories ul li{color:black;font-size:1.5rem;font-weight:200;letter-spacing:0.3rem;text-transform:uppercase;line-height:3rem}div#categories ul li button{background-color:rgba(255,255,255,0.5)}div#categories ul li span{color:#005b52}div#categories ul li span#unity{color:#9ec131}div#categories ul li.item.developing{color:gray}div#categories ul li.item.developing span{color:rgba(0,91,82,0.4)}div#categories ul li.item.developing span#unity{color:rgba(158,193,49,0.4)}div#categories ul li.item.ready button:hover{cursor:pointer;font-weight:400;transition-duration:0.3s}div#categories ul li#end{font-size:1rem;font-style:italic}div#categories ul button,div#categories ul input[type="submit"],div#categories ul input[type="reset"]{background:none;color:inherit;border:none;padding:0;font:inherit;font-size:2rem;cursor:auto;outline:inherit}div#categories div#back-button{color:black;font-size:1.5rem;font-weight:400;letter-spacing:0.3rem;text-transform:uppercase}div#categories div#back-button:hover{cursor:pointer;font-weight:200;transition-duration:0.3s}@media only screen and (max-width: 1000px){header a.desktop:hover+div.icon-popups,header div.icon-popups:hover,header.popup .icon-popups,div.icon-popups.hover-effect{left:70vw}header{height:4rem;left:0;width:87vw;margin-top:0.5rem}header nav.desktop{padding:0}#title.home-title h1#port-name{font-size:2rem}#title.home-title h1#port-name,#title.home-title h2#my-design{position:relative;left:20vw;bottom:5vh}#title.home-title h1#port-name.undisplay,#title.home-title h2#my-design.undisplay{display:none;visibility:hidden}#title.home-title h1#project-name{font-size:1.75rem}div#categories{left:43%;top:8rem}div#categories ul li button{font-size:x-large}}@media only screen and (max-height: 800px){header{border-bottom:none}}@media only screen and (max-height: 500px){div#categories{top:3rem}#title.home-title h1#port-name,#title.home-title h2#my-design{bottom:3rem}}@media only screen and (max-width: 730px){header a.desktop:hover+div.icon-popups,header div.icon-popups:hover,header.popup .icon-popups,div.icon-popups.hover-effect{bottom:0.5rem;left:90vw}div.icon-popups div.wrapper{height:3rem}.wrapper .icon{font-size:1rem;height:15px;width:15px;padding:12px;margin:5px;margin-top:1rem}header{height:3.25rem;margin-top:0.5rem;margin-left:0.5rem;width:95vw}header .content{flex-direction:row-reverse}header nav.desktop{display:flex;margin-left:0.5rem;margin-bottom:0.25rem}header span#bars{position:relative;margin-right:1.5rem;z-index:1000;-webkit-user-select:none;-webkit-touch-callout:none}header span#bars.undisplay{display:none;visibility:hidden}header.undisplay{display:none;visibility:hidden}#title.home-title h1#port-name,#title.home-title h2#my-design{left:50vw}#title.home-title h1#project-name{font-size:1.25rem}nav{font-size:1rem;padding:2rem}nav ul{gap:1rem;flex-direction:column}.home-title{text-align:left;transform:translate(-50px, -150px)}.home-title h1{line-height:0.6rem}div#categories{transform:translate(-56%, 80%)}div#categories ul{display:flex;flex-direction:column;width:400px}div#categories ul li{color:white;font-weight:100;letter-spacing:0.3rem;text-transform:uppercase;line-height:2.8rem}div#categories ul li button{background-color:rgba(0,0,0,0.7);font-size:x-large}div#categories ul li#end{color:white}}.wrapper{flex-direction:row;width:0}.undisplay{opacity:0;transition-duration:1s}.icon-popups{z-index:10;left:0}