.menu-popover-leave-active{-webkit-transition:opacity,-webkit-transform .6s ease-out;transition:opacity,-webkit-transform .6s ease-out;transition:opacity,transform .6s ease-out;transition:opacity,transform .6s ease-out,-webkit-transform .6s ease-out}.fix{overflow-x:hidden}.footerr{z-index:100;opacity:.9}@media (max-width:600px){.hide{display:none}}.top-bar{position:fixed;height:160px;z-index:100}.logo{position:fixed;top:40px;left:40px}.top-bar .logo img{position:relative;height:100px}.menu-button{right:40px;top:60px}.language-switch,.menu-button{position:fixed;z-index:10000000000000}.language-switch{right:110px;top:70px;color:#fff;cursor:pointer}.language-switch h3{text-transform:uppercase}.btn-menu{cursor:pointer}.btn-menu:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.menu-panel{position:fixed;top:0;z-index:-10;width:100vw;height:100vh;background-color:#000}.animation{-webkit-animation:fadeInUp .4s forwards;animation:fadeInUp .4s forwards}.menu-list{color:#fff;list-style:none;position:absolute;top:20%}.menu-list li{font-family:Poppins,sans-serif;font-size:58px;text-transform:uppercase;padding:10px}.menu-list li:hover{cursor:pointer;-webkit-animation:color_flip 1s infinite alternate,bounce .6s forwards;animation:color_flip 1s infinite alternate,bounce .6s forwards}@-webkit-keyframes color_flip{0%{-webkit-color:#00f;-ms-color:#00f;color:#00f}to{-webkit-color:orange;-ms-color:orange;color:orange}}.footerr{position:absolute;bottom:0;width:100vw}@media (max-width:600px){.logo{left:5%}.menu-button{position:fixed;right:5%;top:40px}.menu-list{color:#fff;list-style:none;position:absolute;top:30%}.menu-list li{font-family:Poppins,sans-serif;font-size:38px;text-transform:uppercase;padding:10px}.menu-list li:hover{-webkit-animation:bounce .6s forwards;animation:bounce .6s forwards;cursor:pointer}.menu-button{right:10px}.language-switch{position:fixed;z-index:10000000000000;right:70px;top:50px;color:#fff;cursor:pointer}}.section{position:relative;top:0;left:0;margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.section .bg{position:absolute;width:100%;height:100%;-webkit-animation:colors 10s infinite;animation:colors 10s infinite}.section .bg img{width:100%;height:100%;opacity:.4;-webkit-animation:slide-bg 6s linear infinite;animation:slide-bg 6s linear infinite}@-webkit-keyframes slide-bg{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes slide-bg{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.text{position:absolute;z-index:90;color:#fff;font-family:Poppins,sans-serif;-webkit-animation:fadeInUp 1s forwards;animation:fadeInUp 1s forwards}@keyframes colors{0%{-webkit-background-color:orange;-ms-background-color:orange;background-color:orange}30%{-webkit-background-color:#000;-ms-background-color:#000;background-color:#000}60%{-webkit-background-color:#00f;-ms-background-color:#00f;background-color:#00f}to{-webkit-background-color:grey;-ms-background-color:grey;background-color:grey}}@-webkit-keyframes colors{0%{-webkit-background-color:orange;-ms-background-color:orange;background-color:orange}30%{-webkit-background-color:#000;-ms-background-color:#000;background-color:#000}60%{-webkit-background-color:#00f;-ms-background-color:#00f;background-color:#00f}to{-webkit-background-color:grey;-ms-background-color:grey;background-color:grey}}.text h1{font-size:46px;text-transform:uppercase}.top-bar{position:absolute;width:100vw;top:0;left:0;height:80px;z-index:1000000}.top-bar .top-bar-bg{position:absolute;width:100%;height:100%;background-color:#000;opacity:.1}.control-btns{position:absolute;padding:0;margin:0;z-index:100;width:100vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.border{border:1px solid #fff}.btn-left{cursor:pointer}.btn-left:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.btn-play,.btn-right{cursor:pointer}.btn-play{position:relative;left:20%;z-index:100000000000}.btn-play:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.btn-right:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}@media (max-width:768px){.text{position:fixed;left:10%;top:200px}.text h1{font-size:2em}.btn-play{cursor:pointer;position:relative;left:0;z-index:100000000000}}.text:hover{cursor:pointer}