@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");body{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}.fatherLoader{display:flex;justify-content:center;align-items:center;position:fixed;z-index:9999;width:100%;height:100%;background-color:#060606}.wrapperLoader{width:200px;height:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#fff;left:15%;transform-origin:50%;animation:circle 0.5s alternate infinite ease}@keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}100%{top:0%}}.circle:nth-child(2){left:45%;animation-delay:0.2s}.circle:nth-child(3){left:auto;right:15%;animation-delay:0.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:rgb(66 64 64 / 50%);position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow 0.5s alternate infinite ease}@keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:0.7}100%{transform:scaleX(0.2);opacity:0.4}}.shadow:nth-child(4){left:45%;animation-delay:0.2s}.shadow:nth-child(5){left:auto;right:15%;animation-delay:0.3s}.wrapperLoader h2{position:absolute;top:75px;font-size:1.5rem;letter-spacing:5px;color:#fff;left:15%}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:40px 100px;z-index:1000}header .logo{max-width:120px}header .toggle{max-width:60px;cursor:pointer}.banner{position:relative;width:100%;min-height:100vh;padding:0 100px;background:url("../img/bannerRalph.jpg");background-position:center;background-size:cover;display:flex;justify-content:flex-start;align-items:center}.banner .content{max-width:550px}.banner .content h2{text-transform:uppercase;font-weight:bold;font-size:2.5em;color:#fff;padding-top:80px}.banner .content p{font-weight:300;font-size:1.2em;letter-spacing:0.02em;line-height:1.5em;color:#fff;margin:15px 0 35px}.play{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;color:#fff;text-transform:uppercase;font-weight:500;text-decoration:none;letter-spacing:2px;font-size:1.2em}.play img{margin-right:10px;max-width:50px}.trailer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(20px);visibility:hidden;opacity:0}.trailer.active{visibility:visible;opacity:1}.trailer video{max-width:900px;outline:none}.close{position:absolute;top:30px;right:30px;cursor:pointer;filter:invert(1);max-width:32px}@media (max-width: 991px){body{overflow:hidden !important}header{padding:20px 50px}header{padding:20px 50px}header .logo{max-width:80px}header .toggle{max-width:40px}.banner{padding:100px 50px}.banner .content h2{font-size:2em;letter-spacing:0.05em}.banner .content p{font-size:1em}.trailer video{max-width:90%;outline:none}}