@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap);.frame-container{background-color:#252525;height:100vh;left:0;position:fixed;top:0;z-index:1}.frame-container,iframe{pointer-events:all;width:100%}iframe{border:none!important;display:block;height:100%;margin:0;padding:0;pointer-events:all!important}.frame-overlay{background-color:#54aaf5;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.frame-overlay.active{opacity:.3}.canvas-container{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:5}.canvas-container,.canvas-container div,canvas{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth;width:100%}.App{min-height:100vh;width:100%}.first-section,.five-section,.fourth-section,.second-section,.six-section,.third-section{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.seven-section{align-items:center;display:flex;height:400vh;justify-content:center;width:100%}.six-section{overflow-x:hidden}.content{flex-direction:column;height:90%;padding:5%;pointer-events:none;position:relative;width:90%;z-index:10}.bottom-container,.content{display:flex;justify-content:space-between}.bottom-container{flex-direction:row-reverse}.main-title{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));font-size:50px;font-weight:900;max-width:650px;text-transform:uppercase}.info-container{display:flex;flex-direction:column}.info-title{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));pointer-events:all;text-decoration:none}.fourth-content{display:flex;height:90%;padding:5%;pointer-events:none;width:80%;z-index:10}.messi-phrase{color:#fff;font-size:20px;max-width:550px}.messi-phrase,.messi-sleep{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.messi-sleep{border-radius:12px;margin-left:auto;margin-top:auto;width:350px}.five-content{display:flex;flex-direction:column;justify-content:space-between;min-height:90%;padding:0;pointer-events:none;width:60%;z-index:10}.five-right{margin-left:auto}.five-img{border-radius:12px;width:300px}.name{color:#fff;font-weight:700}.myVideo{height:100%;object-fit:cover;width:100%}.video-container{align-items:center;background-image:linear-gradient(160deg,#a54e07,#b47e11,#fef1a2,#bc881b,#a54e07);border:1px solid #a55d07;border-radius:6px;bottom:0;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(110,80,20,.4),inset 0 -2px 5px 1px #8b4208,inset 0 -1px 1px 3px #fae385;display:flex;height:80%;justify-content:center;left:0;margin:auto;max-height:360px;max-width:640px;opacity:1;padding:4px 6px;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:80%;z-index:10}.testeo{background-color:red;height:100vh;width:100%;z-index:10}.music-btn{background-color:#54aaf5;border:none;border-radius:8px;bottom:0;color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));font-weight:700;left:0;outline:none;padding:6px 12px;pointer-events:all;text-transform:uppercase}@media (max-width:800px){.App{display:none}}.no-load{align-items:center;background-color:#54aaf5;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw}.no-load h2{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));font-size:45px;font-weight:700;text-align:center}.loaderContainer{align-items:center;background-color:#54aaf5;display:flex;height:100vh;justify-content:center;left:0;opacity:1;padding:20px;pointer-events:all;position:fixed;top:0;-webkit-transform:translate(0)!important;transform:translate(0)!important;transition:opacity .75s ease-out 1.2s;width:100vw;z-index:990}.loaderContainer.load{opacity:0;pointer-events:none}.loaderContainer h2{color:#fff;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));font-size:70px;font-weight:900}
/*# sourceMappingURL=main.b3c62928.css.map*/