html,body{margin:0;padding:0;height:100%}.name{position:static;top:0px;left:0px;padding:0;margin:0}#main{position:absolute;display:block;top:92vh;left:calc(50% - 85px);width:190px;cursor:pointer}#animation{position:absolute;width:100vw;height:90vh;display:flex;justify-content:center;align-items:center}#fullpage{width:100vw;height:100vh;background-color:#fff;transition:transform .8s ease-in-out}#video1,#video2{width:85vw;position:absolute}.container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0px}#project{width:100%;display:flex;flex-direction:column;row-gap:20px;column-gap:20px}.menu{height:calc(100% - 40px);display:block;overflow:none;transform:translate3d(0,110%,0);transition:transform .8s ease-in-out;position:absolute}.pannel{height:calc(100% - 40px);display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 20px;overflow:auto;transform:translate3d(0,100%,0);transition:transform .8s ease-in-out;position:absolute;align-items:flex-start;padding:20px 0;background-color:#fff}.title{display:flex;justify-content:space-between;align-items:center}.close-projects{cursor:pointer}.left-col{width:calc(25vw - 30px);left:0px;top:0px;padding:20px 10px 20px 20px}.right-col{width:calc(75vw - 30px);height:100%;left:25vw;top:100%;padding:0 20px 20px 10px}.quart{width:calc(25vw - 70px / 3);height:auto}.tier{width:calc((75vw - 50px)/2);height:auto}.full{width:calc(75vw - 30px);height:auto}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive{overflow:hidden;width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}.underline-on-hover:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}.menu-link.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.underline{text-decoration:underline}.bigger{position:fixed;z-index:2000;left:0px;top:0px;width:100%;display:block;object-fit:contain;height:100%;background-color:#fffc;transition:opacity .3s,visibility .3s;cursor:zoom-out;visibility:visible;opacity:1}.bigger-content{margin:auto;display:block;height:100%}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:lighter;transition:.3s}.img{cursor:zoom-in}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.switch-1{transform:translate3d(0,100%,0)}.switch-2{transform:translateZ(0)}.switch-3{transform:translate3d(0,-100%,0)}.mobile{display:none}#loading{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;justify-content:space-between;align-items:center}@media screen and (max-width: 800px){.mobile{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:999;display:flex;justify-content:space-between;align-items:center}}p,a,.txt{font-family:Helvetica,sans-serif;font-weight:lighter;text-decoration:none;color:#000}.description{font-family:Helvetica,sans-serif;font-weight:lighter}.titles{font-family:Helvetica,sans-serif;font-weight:400}.type{height:40px}.typeelina{height:50px}#elina{height:50px;top:20px;left:20px;position:absolute;cursor:pointer}