body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.sr-only{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@font-face{font-family:alata;font-weight:400;src:url(/static/media/alataRegular.a90e0970a7aca7d36f95.ttf)}@font-face{font-family:beVietnamPro;font-weight:400;src:url(/static/media/BeVietnamPro-Regular.48bacce26505d28b25ee.ttf)}@font-face{font-family:beVietnamPro;font-weight:100;src:url(/static/media/BeVietnamPro-Thin.716ffc0d2afc1efe4509.ttf)}@font-face{font-family:beVietnamPro;font-weight:300;src:url(/static/media/BeVietnamPro-Light.017c29dbc4d9f1f201e9.ttf)}@font-face{font-family:beVietnamPro;font-weight:600;src:url(/static/media/BeVietnamPro-SemiBold.65c63a507ef541b307e5.ttf)}@font-face{font-family:beVietnamPro;font-weight:700;src:url(/static/media/BeVietnamPro-Bold.b25893558c7f1ad49e5e.ttf)}html{color:#0b0029;font-family:beVietnamPro;font-size:125%}h1{-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px;font-family:alata;font-size:clamp(2.5rem,9vw,5rem);line-height:clamp(2.6rem,9vw,5rem);text-transform:uppercase}h1 span{-webkit-text-fill-color:#e56f6f;-webkit-text-stroke:.6px;display:inline-block}h2{color:#e56f6f;font-size:clamp(1.8rem,4vw,2rem);letter-spacing:6px;line-height:clamp(2rem,4vw,2.6rem)}p{font-size:clamp(.8rem,3vw,1rem);letter-spacing:1px;line-height:clamp(1.25rem,5vw,1.5rem)}footer p{font-size:clamp(.5rem,3vw,.8rem)}footer p,nav a{color:#fff1f1;text-align:center}nav a{font-size:clamp(.75rem,2vw,1rem);font-weight:300;letter-spacing:.85px;line-height:clamp(1.1rem,3vw,1.6rem)}nav a:focus,nav a:hover{color:#e56f6f}.slideOutNav a{color:#e56f6f;font-family:beVietnamPro;font-size:1.6rem;line-height:2.5rem}.slideOutNav a:focus,.slideOutNav a:hover,footer a{color:#fff1f1}.button,footer a:focus,footer a:hover{color:#e56f6f}.button{font-size:clamp(.8rem,3vw,1rem);font-weight:600;letter-spacing:1.5px;line-height:clamp(1.5rem,4vw,2rem);text-transform:uppercase}body{background-color:#0b0029;overflow-x:hidden}body *{list-style:none;margin:0;padding:0;text-decoration:none}.wrapper{margin:0 auto;max-width:1560px;width:90%}img{display:block;height:auto;max-width:100%}h1{color:#e56f6f;margin-bottom:.1em;margin-left:30px;padding-top:2.25em;position:relative}h2{margin-bottom:.5em}.button{background-color:transparent;border:3px solid #e56f6f;border-radius:4px;cursor:pointer;display:inline-block;margin:20px 35px;padding:4px 30px;position:relative;transition:.3s}.button:focus,.button:hover{background-color:#e56f6f;color:#fff1f1}.icon{align-items:center;background-color:#e56f6f;border:none;border-radius:50%;color:#0b0029;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.5rem;height:50px;justify-content:center;padding:15px;position:fixed;right:20px;top:20px;width:50px;z-index:10}.icon:focus,.icon:hover{background-color:#0b0029;color:#e56f6f}nav{height:10vh;margin-bottom:12px;margin-top:5px}nav .navIcon{display:none}nav .navBar{align-items:center;justify-content:space-between}nav .navBar,nav .navBar ul{display:flex;flex-direction:row;flex-wrap:nowrap}nav .navBar ul{align-items:space-between;justify-content:flex-start}nav .navLink{padding-right:50px}nav .logo{margin-right:170px;width:80px}nav .contactButton{background-color:#e56f6f;border:3px solid #0b0029;border-radius:4px;cursor:pointer;display:inline-block;padding:4px 30px;position:relative;transition:.1s}nav .contactButton:focus,nav .contactButton:hover{background-color:transparent;border:3px solid #e56f6f;color:#e56f6f}header .hero{background-image:url(/static/media/header.0139cc20c10a120330da.png);background-position:top;background-size:cover;height:90vh;position:relative}header .hero:before{background-color:rgba(11,0,41,.75);bottom:0;content:"";left:0;position:absolute;right:0;top:0}header .aboutButton{background-color:#e56f6f;color:#0b0029;transition:.3s}header .aboutButton:focus,header .aboutButton:hover{background-color:#e56f6f;color:#fff1f1}.slideOutNav{background-color:#0b0029;height:100vh;left:0;opacity:.97;position:fixed;right:0;top:0;width:100%;z-index:10}.slideOutNav ul{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh;justify-content:center;margin-left:30px}.slideOutNav li{padding-bottom:30px}.show{display:block}.hide{display:none}.contactHeader{height:auto;margin:0}.player{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:95vh;justify-content:center;margin:100px 0}.border{background-color:#ded1ff;border:1px solid transparent;border-radius:20px;box-shadow:0 15px 38px hsla(0,69%,67%,.3),0 8px 12px hsla(0,69%,67%,.22);padding:30px}.details{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.trackArt{background-position:50%;background-size:cover;border:2px solid #e56f6f;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow:0 5px 30px #e56f6f;height:250px;margin:25px;width:250px}.trackArt img{border-radius:50%}.nowPlaying{font-size:1rem}.trackName{font-size:2.5rem}.trackArtist{font-size:1.5rem;margin-top:5px}.buttonsPlayer{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.active{color:#000}.nextTrack,.playPauseTrack,.prevTrack,.randomTrack,.repeatTrack{opacity:.8;padding:25px;transition:opacity .2s}.nextTrack:hover,.playPauseTrack:hover,.prevTrack:hover,.randomTrack:hover,.repeatTrack:hover{opacity:1}.sliderContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.volumeSliderContainer{padding-bottom:10px;width:50%}.sliderContainerVolume,.sliderContainerVolume ul{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.sliderContainerVolume ul{width:50%}.seekSlider,.volumeSlider{-webkit-appearance:none;appearance:none;background:#83a9ff;height:5px;transition:opacity .2s}.seekSlider::-webkit-slider-thumb,.volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #3774ff;border-radius:100%;cursor:grab;height:10px;width:10px}.seekSlider:hover,.volumeSlider:hover{opacity:.75}.seekSlider,.volumeSlider{width:100%}.currentTime,.totalDuration{padding:10px}i.fa-volume-high,i.fa-volume-low{font-size:1rem;padding:10px}.likeNumber,i.fa-heart,i.fa-message{padding-left:10px}i.fa-heart:focus,i.fa-heart:hover,i.fa-message:focus,i.fa-message:hover{color:#e56f6f}i,i.fa-backward-step,i.fa-circle-pause,i.fa-circle-play,i.fa-forward-step{cursor:pointer;font-size:1.25rem}i.fa-circle-pause,i.fa-circle-play{font-size:2.25rem}.randomActive{color:#e56f6f}.about{background-color:#fff1f1;margin:100px 0 50px;padding:100px 30px}.about:before{border-right:1000px solid transparent;border-top:100px solid #e56f6f;content:"";height:0;margin:-30px;width:0}.aboutFlex{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:50px}.aboutText{margin-right:70px;width:calc(70% - 40px)}.aboutPic{box-shadow:25px -18px 0 5px #e56f6f;width:calc(30% - 40px)}footer{margin-bottom:50px}footer ul{border-bottom:1.5px solid #fff1f1;justify-content:space-between;margin:0 50px;padding:25px 0}footer li,footer ul{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}footer li{justify-content:center;width:calc(25% - 40px)}footer .logo{width:80px}footer p{margin-top:20px}.contact{background-color:#0b0029;margin:100px 0 80px;padding:0}.contact h2{margin-left:10px}.contact form{align-items:normal;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:normal;margin-top:30px}.contact form .text{background-color:#e5dcff;border-radius:5px;margin:10px;padding:10px;width:calc(50% - 20px)}.contact form .text:focus,.contact form .text:hover{border:2px solid #e56f6f}.contact form .message{background-color:#e5dcff;border-radius:5px;margin:10px;padding:10px;width:calc(100% - 20px)}.contact form .message:focus,.contact form .message:hover{border:2px solid #e56f6f}.contact form .button{margin-left:10px}.contact form ::-webkit-input-placeholder{color:#0b0029;opacity:1}.contact form ::placeholder{color:#0b0029;opacity:1}.error h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px;color:#e56f6f;font-family:alata;font-size:clamp(4rem,8vw,6rem);margin:0;padding-bottom:20px;padding-top:100px;text-align:center}.error p{color:#fff1f1;margin-bottom:100px;margin-top:40px;text-align:center}.center{align-items:center;background-color:#0b0029;display:flex;flex-direction:row;flex-wrap:nowrap;height:100vh;justify-content:center}.wave{-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;background:linear-gradient(45deg,#e56f6f,#fff1f1);border-radius:20px;height:100px;margin:10px;width:5px}.wave:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.wave:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.wave:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.wave:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.wave:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.wave:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.wave:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.wave:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.wave:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes wave{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes wave{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@media(max-width:1200px){.aboutText{margin-right:70px;width:calc(60% - 40px)}.aboutPic{box-shadow:25px -18px 0 5px #e56f6f;width:calc(40% - 40px)}}@media(max-width:1000px){.aboutFlex{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin-top:50px}.aboutText{margin:10px 30px 60px;width:100%}.aboutPic{box-shadow:0 0 3px 12px #e56f6f;width:50%}}@media(max-width:765px){.button{margin:20px 0 20px 35px}nav .navIcon{display:block}nav .navBar{display:none}header{height:70vh;margin-bottom:200px}header h1{margin-top:0}.aboutPic{box-shadow:0 0 3px 12px #e56f6f;width:80%}.contact{margin:40px 0 60px}}@media(max-width:560px){.border{bottom:0;left:0;position:relative;right:0;top:0}.details li{font-size:clamp(.75rem,6vw,1.5rem)}.sliderContainer li{font-size:clamp(.25rem,4vw,1rem)}.buttonsPlayer i{font-size:clamp(1.5rem,6vw,2rem)}.buttonsPlayer li{padding:15px}.about{margin-bottom:10px}.aboutPic{width:90%}footer ul{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}footer .logo{order:-1}footer li{padding-top:10px}}@media(max-width:450px){h1{font-size:clamp(1.5rem,11vw,2.5rem);line-height:clamp(1.6rem,11vw,2.6rem)}.button{font-size:clamp(.6rem,4vw,.8rem);padding:2px 10px}}
/*# sourceMappingURL=main.4d8f7131.css.map*/