*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}*{z-index:5;text-decoration:none;outline:none}.main-container{font-family:"Montserrat",sans-serif;position:relative;display:block;overflow:hidden;align-self:center;height:640px;width:380px;background-color:#1b262c}.skip{color:#bbe1fa;right:5%;top:2%;font-size:large;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;-webkit-filter:drop-shadow(2px 2px 6px #000);filter:drop-shadow(2px 2px 6px black);cursor:pointer}.skip,svg{position:absolute}svg{z-index:0;-webkit-filter:drop-shadow(2px 2px 5px rgba(0,0,0,.623));filter:drop-shadow(2px 2px 5px rgba(0,0,0,.623))}.menu-container{position:absolute;top:2%;left:2%;width:60px;height:50px;-webkit-filter:drop-shadow(2px 2px 6px #000);filter:drop-shadow(2px 2px 6px black)}.menu-container .first{width:90%;height:12%;margin-bottom:7%}.menu-container .first,.menu-container .second{position:relative;background-color:#bbe1fa;border-radius:10px 10px;cursor:pointer}.menu-container .second{width:60%;height:11%;margin-bottom:5%;-webkit-transform:translateX(40%);transform:translateX(40%)}.menu-container .third{position:relative;width:40%;height:10%;background-color:#bbe1fa;border-radius:10px 10px;-webkit-transform:translateX(100%);transform:translateX(100%);cursor:pointer}.menu-container:hover .first{-webkit-animation:f1 1s ease-in-out .1s infinite;animation:f1 1s ease-in-out .1s infinite}.menu-container:hover .second{-webkit-animation:f2 1s ease-in-out .2s infinite;animation:f2 1s ease-in-out .2s infinite}.menu-container:hover .third{-webkit-animation:f3 1s ease-in-out .3s infinite;animation:f3 1s ease-in-out .3s infinite}@-webkit-keyframes f1{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes f1{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes f2{0%{-webkit-transform:scaleX(1) translateX(40%);transform:scaleX(1) translateX(40%)}50%{-webkit-transform:scaleX(1.1) translateX(40%);transform:scaleX(1.1) translateX(40%)}to{-webkit-transform:scaleX(1) translateX(40%);transform:scaleX(1) translateX(40%)}}@keyframes f2{0%{-webkit-transform:scaleX(1) translateX(40%);transform:scaleX(1) translateX(40%)}50%{-webkit-transform:scaleX(1.1) translateX(40%);transform:scaleX(1.1) translateX(40%)}to{-webkit-transform:scaleX(1) translateX(40%);transform:scaleX(1) translateX(40%)}}@-webkit-keyframes f3{0%{-webkit-transform:scaleX(1) translateX(100%);transform:scaleX(1) translateX(100%)}50%{-webkit-transform:scaleX(1.1) translateX(100%);transform:scaleX(1.1) translateX(100%)}to{-webkit-transform:scaleX(1) translateX(100%);transform:scaleX(1) translateX(100%)}}@keyframes f3{0%{-webkit-transform:scaleX(1) translateX(100%);transform:scaleX(1) translateX(100%)}50%{-webkit-transform:scaleX(1.1) translateX(100%);transform:scaleX(1.1) translateX(100%)}to{-webkit-transform:scaleX(1) translateX(100%);transform:scaleX(1) translateX(100%)}}#decoration-one{position:absolute;top:6%;left:-40%;-webkit-transform:rotate(135deg);transform:rotate(135deg);border:2px solid transparent;border-top-color:#1b262c;border-radius:50%/100px 100px 0 0;width:500px;height:100px;z-index:2}#first-image{left:3%;top:15%;width:130px;height:130px;border-radius:47% 53% 72% 28%/45% 52% 48% 55%;-webkit-filter:drop-shadow(4px 2px 15px rgba(0,0,0,.247));filter:drop-shadow(4px 2px 15px rgba(0,0,0,.247))}#first-image,#second-image{position:absolute;z-index:3;overflow:hidden}#second-image{left:30%;top:1%;width:110px;height:110px;-webkit-filter:drop-shadow(4px 2px 5px rgba(0,0,0,.575));filter:drop-shadow(4px 2px 5px rgba(0,0,0,.575))}#second-image,#third-image{border-radius:46% 54% 70% 30%/46% 44% 56% 54%}#third-image{left:51%;overflow:hidden;top:13%;position:absolute;z-index:3;width:170px;height:170px;-webkit-filter:drop-shadow(2px 2px 5px rgba(0,0,0,.404));filter:drop-shadow(2px 2px 5px rgba(0,0,0,.404))}img{width:100%;height:100%;object-fit:cover}.main-title{position:absolute;z-index:4;width:100%;height:auto;top:40%;left:0;display:flex;flex-flow:column;justify-content:center}.main-title h1{font-family:"Passion One",cursive;font-size:8rem;margin:-3% 0 0;padding:0;letter-spacing:.6rem;-webkit-filter:drop-shadow(2px 2px 7px rgba(0,0,0,.692));filter:drop-shadow(2px 2px 7px rgba(0,0,0,.692))}.main-title h1,.main-title span{color:#bbe1fa;text-align:center;cursor:default}.main-title span{font-size:1.7rem;letter-spacing:.2rem}#name{display:block;position:absolute;width:18rem;z-index:4;left:calc(50% - 9rem);top:65%;height:3rem;border-radius:25px 25px;text-align:center;border:none;font-size:1.5rem;color:#1b262c;background-color:#3282b8;-webkit-filter:drop-shadow(2px 2px 10px rgba(0,0,0,.664));filter:drop-shadow(2px 2px 10px rgba(0,0,0,.664))}#start{z-index:1;-webkit-filter:drop-shadow(2px 5px 6px #000);filter:drop-shadow(2px 5px 6px black);cursor:pointer}#name::-webkit-input-placeholder{padding:0;color:#1b262c}#name:-ms-input-placeholder{padding:0;color:#1b262c}#name::-ms-input-placeholder{padding:0;color:#1b262c}#name::placeholder{padding:0;color:#1b262c}#start-button{color:#bbe1fa;font-size:3rem;position:absolute;bottom:6%;left:7%;z-index:3;font-weight:bolder;cursor:pointer;-webkit-filter:drop-shadow(10px 10px 7px rgba(0,0,0,.658));filter:drop-shadow(10px 10px 7px rgba(0,0,0,.658));-webkit-animation:playButton 1s ease-in-out infinite;animation:playButton 1s ease-in-out infinite}@-webkit-keyframes playButton{0%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}50%{-webkit-transform:translateY(1px);transform:translateY(1px)}to{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}@keyframes playButton{0%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}50%{-webkit-transform:translateY(1px);transform:translateY(1px)}to{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}#slogan{color:#1b262c;font-size:1.1rem;position:absolute;bottom:8%;right:4%;z-index:3;font-weight:bolder;width:7rem;text-align:center;-webkit-filter:drop-shadow(5px 5px 7px rgba(0,0,0,.5));filter:drop-shadow(5px 5px 7px rgba(0,0,0,.5));cursor:default}@media (max-width:400px){.main-container{height:100vh;width:100vw}}@media (max-height:600px){#start-button{bottom:2%}.main-title{top:45%}#name{top:73%}#slogan{display:none}}.searchBox{position:absolute;display:flex;top:1.5%;right:0;width:75%;height:2.3rem;border-radius:20px 0 0 20px;background-color:rgba(15,76,117,.377);align-items:stretch;-webkit-filter:drop-shadow(5px 5px 10px #000);filter:drop-shadow(5px 5px 10px black)}.searchBox input{position:relative;width:80%;height:100%;color:#bbe1fa;padding:1.2rem 1.5rem;border-radius:20px 0 0 20px;background-color:transparent;border:none;letter-spacing:.06rem;flex:5 1}.searchBox input::-webkit-input-placeholder{color:rgba(187,225,250,.377);font-weight:700;font-size:.9}.searchBox input:-ms-input-placeholder{color:rgba(187,225,250,.377);font-weight:700;font-size:.9}.searchBox input::-ms-input-placeholder{color:rgba(187,225,250,.377);font-weight:700;font-size:.9}.searchBox input::placeholder{color:rgba(187,225,250,.377);font-weight:700;font-size:.9}.searchBox .searchButton{border:none;background-color:transparent;flex:1 1;display:flex;justify-content:center;align-items:stretch;cursor:pointer}.searchBox img{margin-top:3px;margin-right:10px;max-width:70%;max-height:65%;opacity:.5}.playPicture{-webkit-animation:pictureIn .5s ease-in-out 1;animation:pictureIn .5s ease-in-out 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:10%}.dontPlayPicture,.playPicture{opacity:0;object-fit:cover;max-width:100%;max-height:100%}.dontPlayPicture{z-index:2;position:absolute}@-webkit-keyframes pictureIn{0%{display:hidden;opacity:0}to{opacity:1}}@keyframes pictureIn{0%{display:hidden;opacity:0}to{opacity:1}}@-webkit-keyframes captionIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes captionIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.loader,.loader:after,.loader:before{background:#fff;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#fff;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.title-background{width:80%;height:auto;padding:1rem;background-color:#3282b8;border-radius:10%/50%;margin:1.5rem auto;-webkit-filter:drop-shadow(2px 5px 10px #000);filter:drop-shadow(2px 5px 10px black)}.title-background h1{font-size:1.5rem;text-align:center;color:#bbe1fa;-webkit-filter:drop-shadow(2px 5px 6px #000);filter:drop-shadow(2px 5px 6px black)}.span-background{width:100%;height:auto;padding:1rem;background-color:rgba(0,0,0,.26)}.span-background p{font-size:1.3rem;width:100%;text-align:center;color:#fff}.bah-background{width:80%;height:auto;padding:2rem 1rem;background-color:#bbe1fa;border-radius:10% 10%/20% 20%;margin:1rem auto;display:flex;justify-content:space-evenly;-webkit-filter:drop-shadow(2px 5px 10px #000);filter:drop-shadow(2px 5px 10px black)}.bah-background h1{text-align:center;font-size:3rem;color:#1b262c;font-weight:bolder;-webkit-filter:drop-shadow(2px 5px 6px rgba(0,0,0,.329));filter:drop-shadow(2px 5px 6px rgba(0,0,0,.329))}.cares-background{width:80%;height:auto;padding:2rem 1rem;border-radius:10% 10%/20% 20%;margin:2rem auto 1rem;display:flex;justify-content:space-evenly;background-color:#682727;-webkit-filter:drop-shadow(2px 5px 10px #000);filter:drop-shadow(2px 5px 10px black)}.cares-background h1{font-size:3rem}.cares-background h1,.return{text-align:center;color:#bbe1fa;-webkit-filter:drop-shadow(2px 5px 6px #000);filter:drop-shadow(2px 5px 6px black)}.return{font-size:1.5rem;margin-top:5%;width:100%;font-weight:bolder}
/*# sourceMappingURL=main.ee0ccf5d.chunk.css.map */