@import"https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0}.containerCardBody{display:flex;width:100%;justify-content:center;background-color:#000}.containerCard,.containerHome>div{width:400px;min-height:100vh;max-height:100vh;overflow-y:hidden}.letterCardContainer{padding:0 20px;position:relative;z-index:3;z-index:2;overflow-y:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,transparent 95%);mask-image:linear-gradient(180deg,transparent 5%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 70%,transparent 95%)}.letterCardContainer p{text-align:center;font-size:26px;font-weight:700;opacity:.3;margin:20px 0;min-height:20px;color:#fff}.letterCardContainer p.active{opacity:1;color:#ff0}.waveContainer{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.playButton{width:60px;height:60px;background-color:#35b2ea;display:flex;align-items:center;justify-content:center;border-radius:15px;transition:all .2s;-webkit-user-select:none;user-select:none}.playButton:active{filter:brightness(1.2)}.wave{width:calc(100% - 80px)}.containerMedia{width:calc(100% - 40px);padding:10px 20px}.containerMedia video{width:100%;border-radius:15px;position:absolute;top:0;left:0}.containerMedia video:nth-child(2){filter:blur(20px);position:relative!important;margin-top:-400px}.creditsContainer{display:flex;justify-content:flex-end;padding:0 20px;margin-top:-10px}.creditsContainer p{font-size:16px;font-weight:600;color:#fff}.creditsContainer p>span{color:#aaa}.containerCard>div:nth-child(1){height:50vh}.containerCard>div:nth-child(2){height:20vh;display:flex;flex-direction:column;padding-top:40px}.containerCard>div:nth-child(2) p{font-size:22px;text-shadow:0px 0px 5px rgba(0,0,0,.1);min-height:40%;padding:0;margin:0;line-height:24px}.containerCard>div:nth-child(3){height:15vh}.containerLoading{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.containerLoading p{font-weight:700;font-size:22px}.containerHome{background-color:#eec0c6;background-image:linear-gradient(315deg,#eec0c6 0%,#7ee8fa 74%);display:flex;align-items:center;justify-content:center}.containerHome>div{display:flex;flex-direction:column;justify-content:space-evenly}.containerHome>div p{font-size:22px;font-weight:700;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,.2);text-align:center}.titleMilly{font-size:22px;font-weight:200;font-family:Shadows Into Light,cursive}.containerHome>div>button{padding:10px;border-radius:10px;border:2px solid white;background-color:transparent;color:#fff;font-size:22px;font-weight:200;font-family:Shadows Into Light,cursive;width:calc(100% - 40px);margin:0 20px}@media only screen and (max-width: 430px){.containerCard,.containerHome>div{width:100vw;max-height:100vh}}