@import"https://fonts.cdnfonts.com/css/agency-fb";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem}.header.container{background-color:red;width:100%;height:35vh;position:relative;display:flex;justify-content:center}.header.container h1{font-family:Agency FB,sans-serif;color:#fff;max-width:37ch;text-align:center;margin-top:1.5rem}.header.container form{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);display:flex;justify-content:center;align-items:center;gap:.25rem;max-width:90vw}.header.container form input{height:7.5rem;max-width:70vw;border:none;outline:none;border-top-left-radius:2rem;border-bottom-left-radius:2rem;box-shadow:1px 1px 2px .1rem #464a4e46;padding-inline:1rem;font-size:1.85rem;font-family:Poppins,sans-serif}.header.container form button{height:7.5rem;max-width:25%;padding-inline:2.5rem;box-shadow:.1rem .1rem 1rem .5rem #ffffff3b;border:none;background-color:red;border-top-right-radius:2rem;border-bottom-right-radius:2rem;color:#fff;font-size:2rem;font-family:Agency FB,sans-serif;text-transform:uppercase;letter-spacing:.25rem;cursor:pointer}.header.container .thumbnail-container{position:absolute;bottom:0%;left:50%;transform:translate(-50%,50%)}.header.container .thumbnail-container img,.header.container .thumbnail-container iframe{border-radius:1.5rem;max-width:50rem;width:90vw;aspect-ratio:16/9;margin-inline:auto;box-shadow:1px 1px 2px .1rem #464a4e46}.context{margin-top:15rem;margin-inline:auto;display:grid;place-items:center;gap:2rem}.context h1{text-align:center;font-family:Poppins,sans-serif;font-size:2.5rem}#audio-download-btn{all:unset;width:fit-content;padding:2rem 3rem;background-color:#5aff75;margin-inline:auto;border-radius:3.5rem;font-weight:700;color:#fff;font-size:2.5rem;font-family:Agency FB,sans-serif;text-transform:uppercase;letter-spacing:.25rem;cursor:pointer}@media (min-width: 750px){form input{width:45rem}}@media (max-width: 500px){.header.container{height:40vh}.header.container h1{font-size:10vw}.header.container form{transform:translate(-50%,75%);flex-direction:column}.header.container form input{max-width:90vw;width:90vw;border-radius:1rem;height:5rem}.header.container form button{max-width:90vw;width:90vw;height:4rem;border-radius:1rem}.header.container .thumbnail-container img{margin-top:15vw}}.loader{margin-top:8rem;margin-inline:auto}.loader--checking{display:flex;justify-content:center;gap:.5rem;font-family:Poppins,sans-serif}.loader--checking .box{width:2rem;height:2rem;border:.25rem solid #2d5f94;position:relative;animation:rotate .85s infinite}.loader--checking .box:before{content:"";position:absolute;width:2rem;height:2.1rem;background-color:#2d5f94;transform:translate(-8%,-5%);animation:fill .85s infinite alternate-reverse}@keyframes fill{0%{height:0}to{height:110%}}@keyframes rotate{to{rotate:360deg}}.hidden{display:none}