html{font-family:Poppins,sans-serif;scroll-snap-type:y mandatory}body{padding:0}body,h2{margin:0}section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-x:hidden;overflow-y:hidden;position:relative;scroll-snap-align:start}.Section-1{background-color:#20272e}.Section-2{background-color:#181a1d}.Section-3{background-color:#181a1d}.Section-3,.Section-4{flex-direction:row;justify-content:space-around}.Section-4{background-color:#20272e}nav{background-color:initial;color:#fff;display:flex;height:70px;justify-content:space-around;position:absolute;top:5px;width:100%;z-index:2}p{padding:20px 10px 10px}.logo{align-items:center;display:flex;justify-content:center}.logo h2{font-size:2.2rem}.links{align-items:center;color:#bebebe;display:flex;font-weight:600;justify-content:space-between;transition:.2s ease-in;width:15%}.links p:hover{color:#fff;cursor:pointer}.image{bottom:-7px;left:200px;transition:all 1.2s ease-in-out}.image,.image-visibility{position:absolute;z-index:3}.image-visibility{left:1000px;opacity:0;transition:all .5s ease-in-out}.image img{max-height:100%;object-fit:cover;width:80%}.dot-1{bottom:90px;left:50px;transition:all 1.2s ease-in-out}.dot-1,.dot-1__visibility{background-color:#e100ff17;border-radius:50%;height:400px;position:absolute;width:400px}.dot-1__visibility{bottom:1000px;left:500px;transition:all 1s ease-in-out}.dot-2{left:650px;top:100px;transition:all 1.2s ease-in-out}.dot-2,.dot-2__visibility{background-color:#0077ff2a;border-radius:50%;height:225px;position:absolute;width:225px}.dot-2__visibility{left:200px;top:-1000px;transition:all 1s ease-in-out}.dot-3{left:1450px;top:700px;transition:all 1.2s ease-in-out}.dot-3,.dot-3__visibility{background-color:#ff00002a;border-radius:50%;height:175px;position:absolute;width:175px}.dot-3__visibility{left:1000px;top:-900px;transition:all 1s ease-in-out}.textbox{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;right:200px;transition:all .5s ease-in-out}.textbox h2{font-size:5rem;transition:2s ease-in-out}.textbox p{transition:1.5s ease-in-out}.textbox-visibility{opacity:0;transition:all .5s ease-in-out}.textbox-visible__h2{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-moz-background-clip:text;background-image:linear-gradient(45deg,#8c00ff,#e60000);background-repeat:repeat;background-size:100%}.textbox p{font-size:1.65rem;margin:0}.textbox button{background-color:#07f;border:1px solid transparent;border-radius:.8rem;color:#fff;cursor:pointer;font-size:1.5rem;margin-top:15px;padding:.75rem}.textbox button:hover{background-color:#005dff;transition:all .2s ease-in}.cards-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;position:absolute;top:300px;width:80%}.music-card{color:#fff;text-align:center;transition:all 1.2s ease-in-out}.music-card p{margin:0;padding-top:0}.music-card img{box-shadow:9px 6px 12px 2px rgba(0,0,0,.45);height:300px;width:300px}.card-1{transition:all .5s ease-in-out}.card-2{transition:all .8s ease-in-out}.card-3{transition:all 1s ease-in-out}.card-1__visibility,.card-2__visibility,.card-3__visibility{-webkit-transform:translateY(750px);transform:translateY(750px)}.card-1:hover,.card-2:hover,.card-3:hover{cursor:pointer;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .5s ease-in-out}.textbox-2{color:#fff;font-size:1.8rem;margin-bottom:5rem;position:absolute;top:125px;transition:all .8s ease-in-out}.textColor{color:#fff}.textbox-2__visibility{color:#fff;margin-bottom:5rem;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}.icon-card{display:flex;flex-direction:row;margin-bottom:20px;transition:all 1.2s ease-in-out}.iconCard-1{transition:all .8s ease-in-out}.iconCard-2{transition:all 1s ease-in-out}.iconCard-3{transition:all 1.5s ease-in-out}.iconCard-1__visibility,.iconCard-2__visibility,.iconCard-3__visibility{-webkit-transform:translateX(-800px);transform:translateX(-800px)}.icon-card p{color:#fff;font-size:1.3rem;text-align:center;width:350px}.icon{align-items:center;background-color:#000;border-radius:50%;display:flex;height:100px;justify-content:center;margin-right:10px;width:100px}.icon img{height:65px;width:65px}.textbox-3{color:#fff;font-size:1.8rem;text-align:center}.textbox-3 p{margin:0}.text-gradient{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-moz-background-clip:text;background-image:linear-gradient(45deg,#f3ec78,#df2a2a);background-repeat:repeat;background-size:100%}.textbox-4{color:#fff;font-size:2rem;width:500px}.text-visibility{font-size:1rem}.text-design,.text-visibility{transition:all .8s ease-in-out}.text-design{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-moz-background-clip:text;background-image:linear-gradient(45deg,#d630c8,#df2a2a);background-repeat:repeat;background-size:100%;font-size:6.5rem}.form-container{align-items:center;background-color:#181a1d;border-radius:1.2rem;color:#fff;height:30rem;justify-content:space-around;padding:2.5rem;width:30rem}.form-container,.input-group{display:flex;flex-direction:column}.input-group{width:100%}.form-container input{background-color:#202124;border:1px solid transparent;border-radius:.5rem;color:#fff;font-size:1.4rem;padding-bottom:10px;padding-top:10px;transition:all .5s ease-in-out;width:100%}input:focus{outline:1px solid blue}.form-container label{font-size:1.4rem;margin-bottom:10px;margin-top:20px}.form-container button{background-color:#005bc4;border:1px solid transparent;border-radius:1rem;color:#fff;font-size:1.5rem;padding:1rem;width:100%}.form-container button:hover{background-color:#004ea7;cursor:pointer;transition:all .2s ease-in-out}.typing{-webkit-animation:typing;animation:typing;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:steps(45);animation-timing-function:steps(45);opacity:100%;overflow:hidden;text-align:center;white-space:nowrap;width:0}footer{background-color:#0d101a8a;bottom:0;color:#adadad;font-size:1rem;position:absolute;width:100%}.link-group-1,footer{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.link-group-1{margin-left:20px}.link-group-2{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:20px}.link-group-1 p:hover,.link-group-2 p:hover{color:#fff;cursor:pointer;transition:all .2s ease-in-out}.logo-2{font-size:1rem}.span-text{font-size:1.2rem}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}
/*# sourceMappingURL=main.5c6ae76c.css.map*/