html,body{margin:0;padding:0;display:block}canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}#gui_container{position:fixed;top:-3%;right:8%;z-index:100}#gui{transform:translate(50%,75px)}.title{text-align:center;border:1px solid white;border-radius:20px;width:6vw;padding:7px}.lil-gui{font-family:Arial,Helvetica,sans-serif;--background-color: rbga(0, 0, 0, 0);--text-color: #ffffff;--title-background-color: #000000;--title-text-color: #ffffff;--widget-color: #000000;--hover-color: #4f4f4f;--focus-color: #595959;--number-color: rgb(99, 227, 228)}.name{background:#000}#children{position:relative;top:0%;color:#000}#stats_container{position:fixed;background-color:#000;z-index:100}#stats{transform:translate(97%,90%);bottom:0%;right:3%;color:#fff!important;margin:1px solid white}.title_menu{position:fixed;width:180px;text-align:center;font-size:15px;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;font-style:normal;color:#fff;padding:0;border:1px solid #fff;border-radius:20px;background-color:#000;z-index:100}.title_menu,.about_menu,.works,.eco,.dgate,.itsme,.allislinked,.mimesi,.mirror,.loverz,.metamorfosi,.macchinauomo{position:fixed;text-align:center;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;color:#fff;padding:7px;border:1px solid #fff;border-radius:20px;background-color:#000;z-index:105}.title_menu,.about_menu,.works{left:1%}.title_menu{top:2%;width:200px;font-size:17px}.about_menu,.works,.eco,.dgate,.itsme,.allislinked,.mimesi,.mirror,.loverz,.metamorfosi,.macchinauomo{font-size:14px;width:100px}.about_menu{top:10%}.about{z-index:101;display:none}.menu_works{position:absolute;top:20%;left:3%;display:none}.works{top:15%}.title_menu,.about_menu:hover,.works:hover,.eco:hover,.dgate:hover,.itsme:hover,.allislinked:hover,.mimesi:hover,.mirror:hover,.loverz:hover,.metamorfosi:hover,.macchinauomo:hover{cursor:grab}.eco,.dgate,.itsme,.allislinked,.mimesi,.mirror,.loverz,.metamorfosi,.macchinauomo{left:5%;width:60px;font-size:13px;position:relative}#progetto{position:fixed;width:80%;height:80%;top:10%;left:10%;border-radius:30px;border:#ffffff 2px solid;overflow-y:auto;display:flex;flex-direction:row;background:#fff;z-index:100}.right-side,.left-side{flex:1;display:flex;flex-direction:column;min-height:0;width:50%}.right-side{min-height:0}.right-side{z-index:101}.left-side{position:relative;left:-25px}.titolo{background-color:#fff;flex:0 0 auto;position:relative;top:0;left:0;width:100%;height:12%;margin-bottom:0;z-index:100}.titoloAbout{background-color:#fff;position:relative;top:0;left:0;width:100%;height:15%;margin-bottom:0;margin-top:0;z-index:100;overflow:hidden}.myMarque{position:relative;background-color:transparent;white-space:nowrap;width:100%;animation:scroll-left 10s linear infinite}@keyframes scroll-left{0%{transform:translate(-100%)}to{transform:translate(100%)}}.testo{position:relative;background-color:#fff;margin-top:0%;padding-top:2%}.testo,.imgs_slider{flex:1;overflow-y:auto}.content{flex:1;width:100%;min-height:0;display:flex;background-color:#000;position:relative;overflow:hidden}.content iframe{flex:1;width:100%;height:100%;border:none}img{vertical-align:middle}.imgs_slider{background-color:#000;margin:0;position:relative;cursor:ns-resize}.buttonClose,.buttonCloseAbout{position:relative;display:block;height:3%;top:2%;left:97%;z-index:102;background-color:#000;color:#fff;border:2px solid white;border-radius:5px;cursor:grab}h1,h2,h3,h4{padding:0;font-family:Arial,Helvetica,sans-serif;color:#000;margin-left:20px;margin-right:20px}h1{margin-left:0;margin-right:0;margin-top:0;font-size:6vw;text-align:CENTER}h2{font-style:bold;text-decoration:double;font-size:30px;line-height:37px}h3{font-size:20px;font-style:normal!important;line-height:30px}h4{font-size:15px;font-style:normal;line-height:30px}a{color:#000;text-decoration:underline;font-style:oblique}a:hover{animation-name:animationLink;animation-duration:2s;animation-fill-mode:forwards;text-decoration:none}.verde:hover{color:#0f0}.blu:hover{color:#00f}.fucsia:hover{color:#f0f}.rosso:hover{color:red}.azzurro:hover{color:#0ff}.viola:hover{color:#6b009d}.arancio:hover{color:#ff7f00}@keyframes animationLink{to{letter-spacing:10px}}@media only screen and (max-width: 800px){#gui_container{display:none}.title_menu{left:22%;font-style:normal}.video_macchina{position:relative;top:10vh}.progetto_macchina{height:auto}#progetto{display:block;top:37%;height:50%}.right-side,.left-side{left:0;width:100%;display:block}.buttonClose,.buttonCloseAbout,.content{display:none}h1{font-size:8vw;text-align:left}h2{font-size:20px;line-height:30px}h3{font-size:15px;line-height:20px}h1.myMarque{animation:none;margin-left:10%;top:5%;width:50%}.works{left:70%;display:none}.menu_works{position:absolute;top:71px;display:block;left:0%}.about_menu{width:70px;top:71px}.eco,.dgate,.itsme,.allislinked,.mimesi,.mirror,.loverz,.metamorfosi,.macchinauomo{position:absolute;margin-top:0%;font-size:14px}.eco{left:105px}.dgate{left:195px}.itsme{left:290px}.allislinked{top:50px;left:10px}.mimesi{top:50px;left:150px}.mirror{top:50px;left:240px}.loverz{top:100px;left:10px}.metamorfosi{top:100px;left:100px}.macchinauomo{top:100px;left:235px}canvas{position:fixed;width:100%!important;height:100%!important}}