.mainBody{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.highlight{color:#a2facf}.pfp--container{z-index:1}.pfp--container .pfp{border-radius:50px;cursor:pointer;height:8vh;left:3vw;position:absolute;top:3vh;transition:.3s}.pfp--container:hover .pfp{height:9vh;left:2.7vw;top:2.55vh}.pfp--container:hover:after{background:#bef1c8;height:10vh;left:2.45vw;top:2.05vh;width:10vh;z-index:-1}.pfp--container:before{background:#010720;height:9.5vh;left:2.6vw;top:2.3vh;width:9.5vh;z-index:0}.pfp--container:after,.pfp--container:before{border-radius:50px;content:"";position:absolute}.pfp--container:after{background:coral;height:0;left:3vw;top:3vh;transition:.3s;width:0;z-index:-1}@media screen and (max-width:650px){.pfp--container{display:none}}.header{align-items:center;background:#010720;color:#f9fafb;display:flex;flex-direction:column;height:22vh;justify-content:center;width:100%}.header h1{font-size:4rem;margin-bottom:.2rem}.header h1 img{height:4rem;margin-right:-1rem}.header h3{color:#a0a0a0;font-size:1.5rem;font-weight:400;margin-top:.2rem}.header h3 a,.header h3 a:visited{color:#a0a0a0;text-decoration:none}.header h3 a:hover,.header h3 a:visited:hover{text-decoration:underline}.header svg{top:18vh;z-index:-1}.header svg,.music-icon,.music-icon hr{position:absolute}.music-icon hr{background:#a2facf;border:none;border-radius:4px;height:1.3rem;width:.3rem}.music-icon .music-icon--first{right:-4.45rem;top:-3.6rem}.music-icon .music-icon--second{height:1.45rem;right:-5.08rem;top:-4.367rem;-webkit-transform:rotate(70deg);transform:rotate(70deg);width:.5rem}.music-icon .music-icon--third{right:-5.55rem;top:-3.998rem}.follow{align-items:center;background:#010720;border-radius:8px;color:#f9fafb;display:flex;flex-direction:row;height:6vh;justify-content:space-evenly;min-width:7vw;padding-left:1rem;padding-right:1rem;position:absolute;right:3vw;text-decoration:none;top:5vh;transition:.4s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.follow i{font-size:1.3rem;margin-left:.5vw}.follow:hover{background:#f9fafb;color:#010720;right:3.8vw;top:4.2vh}.follow:hover h4,.follow:hover i{margin-right:.2rem;margin-top:.4rem;z-index:3}.follow:after{border-radius:8px;content:"";height:6vh;min-width:136.8px;padding-left:1rem;padding-right:1rem;position:absolute;right:0;top:0;transition:.4s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.follow:hover:after{background:#a2facf;right:.4vw;top:.7vh;transition:.4s}@media screen and (max-width:650px){.follow{display:none}}.button--group{display:grid;height:100%;place-items:center;width:100%}.button--group .button--hover{background:#010720;border-radius:15px;height:9.75rem;pointer-events:none;position:absolute;transition:.4s;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:9.75rem;z-index:-2}.button--group .button--volume{background:#f9fafb;border-radius:12px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);padding:15px;position:absolute;-webkit-transform:rotate(270deg) translateY(0);transform:rotate(270deg) translateY(0);transition:.4s ease-in;z-index:0}.button--group .button--volume input{border:solid navy;z-index:0}.button--group .button--volume--show{-webkit-transform:rotate(270deg) translateY(220%);transform:rotate(270deg) translateY(220%)}.button--group .button--volume--before{background:#f9fafb;border-radius:12px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);padding:10px;position:absolute;-webkit-transform:scale(.1) rotate(270deg);transform:scale(.1) rotate(270deg);transition:.4s ease-in;z-index:0}.button--group .button--volume--before input{-webkit-transform:scale(.8);transform:scale(.8)}.button--group .button--volume--before--show{-webkit-transform:rotate(270deg) translateY(270%);transform:rotate(270deg) translateY(270%)}.button--group .button--container{background:#e7e7e7;border-radius:12px;color:#24292f;cursor:pointer;height:9.75rem;pointer-events:all;transition:.4s;width:9.75rem;z-index:1}.button--group .button--container .button--name{align-content:end;display:grid;height:22%}.button--group .button--container .button--name h3{font-weight:400;margin-left:1rem}.button--group .button--container .button--icon{display:grid;height:76%;place-items:center}.button--group .button--container .button--icon i{font-size:3rem;transition:.4s}.button--group .button--container--clicked,.button--group .button--container:hover{background:#a2facf;color:#010720;-webkit-transform:translate(.5rem,-.5rem);transform:translate(.5rem,-.5rem)}.button--group .button--container:active{-webkit-transform:translate(0);transform:translate(0)}.button--group .button--container--after{height:11.75rem;width:11.75rem}.button--group .button--container--after .button--icon i{font-size:4rem}.button--group .button--container--clicked i{-webkit-animation:icon 3s infinite;animation:icon 3s infinite}@-webkit-keyframes icon{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}15%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes icon{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}15%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (max-width:650px){.button--group .button--hover{background:#010720;border-radius:15px;height:9.75rem;left:50%;pointer-events:none;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:9.75rem;z-index:-1}.button--group .button--volume{left:50%;position:absolute;-webkit-transform:translateY(100%) translateX(-50%) rotate(270deg);transform:translateY(100%) translateX(-50%) rotate(270deg)}.button--group .button--volume--show{-webkit-transform:translateY(95%) translateX(20%) rotate(270deg);transform:translateY(95%) translateX(20%) rotate(270deg)}.button--group .button--container--after{height:11.75rem;width:11.75rem}}.lighterShadow{box-shadow:0 48px 100px 0 rgba(17,12,46,.15);box-shadow:0 48px 100px 0 rgba(17,12,46,.041)}.sounds--body{background:#f9fafb;border-radius:1.5rem;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);height:150vh;position:relative;transition:.4s;width:60%;z-index:0}.sounds--body .sounds--search{align-items:stretch;display:flex;flex-direction:row;height:11%;justify-content:space-between}.sounds--body .sounds--search .filters{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-left:1.6rem;width:60%}.sounds--body .sounds--search .filters button{background:#efefef;border:none;border-radius:50px;cursor:pointer;height:50%;pointer-events:all;transition:.4s ease;width:30%}.sounds--body .sounds--search .filters button span{font-size:.9rem}.sounds--body .sounds--search .filters button:hover{background:#010720;color:#f9fafb;-webkit-transform:translate(.5rem,-.5em);transform:translate(.5rem,-.5em)}.sounds--body .sounds--search .filters button:active{background:#a2facf;color:#010720;-webkit-transform:translate(.2rem,-.2rem);transform:translate(.2rem,-.2rem)}.sounds--body .sounds--search .filters .filters--one span:before{content:"Relax "}.sounds--body .sounds--search .filters .filters--two span:before{content:"Productivity "}.sounds--body .sounds--search .filters .filters--three span:before{content:"Greatness "}.sounds--body .sounds--search .random{display:grid;place-items:center;width:20%}.sounds--body .sounds--search .random button{background:#efefef;border:none;border-radius:50px;cursor:pointer;height:4.5rem;pointer-events:all;transition:.4s;width:4.5rem}.sounds--body .sounds--search .random button i{font-size:1rem}.sounds--body .sounds--search .random button:hover{background:#010720;color:#f9fafb;-webkit-transform:translate(.5rem,-.5rem);transform:translate(.5rem,-.5rem)}.sounds--body .sounds--search .random button:active{background:#a2facf;color:#010720;-webkit-transform:translate(.2rem,-.2rem);transform:translate(.2rem,-.2rem)}.sounds--body .sounds--container{display:grid;grid-template-columns:repeat(4,1fr);height:85%}.sounds--body .sounds--container .sounds--row{display:grid;grid-template-rows:repeat(4,1fr)}.sounds--body .sounds--container .sounds--row .sounds--icon--container{display:grid;place-items:center}.juju{width:85%}@media screen and (max-width:1180px){.sounds--body{width:80%}.juju{width:90%}}@media screen and (max-width:925px){.sounds--body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sounds--body .sounds--search{margin-top:1.5rem}.sounds--body .sounds--search .filters button{height:80%;width:30%}.sounds--body .sounds--search .filters .filters--one span,.sounds--body .sounds--search .filters .filters--three span,.sounds--body .sounds--search .filters .filters--two span{font-size:1.5rem}.sounds--body .sounds--search .filters .filters--one span:before,.sounds--body .sounds--search .filters .filters--three span:before,.sounds--body .sounds--search .filters .filters--two span:before{content:""}.sounds--body .sounds--container{grid-template-columns:repeat(2,1fr);padding-top:3rem}.sounds--body .sounds--container .sounds--row .sounds--icon--container{margin-bottom:2.5rem}}@media screen and (max-width:800px){.juju,.sounds--body{width:90%}}@media screen and (max-width:650px){.juju{width:100%}.sounds--body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:300vh;width:100%}.sounds--body .sounds--search{height:20%}.sounds--body .sounds--container{align-content:bottom;grid-template-columns:1fr;height:70%}}footer{align-items:center;background:#010720;color:#f9fafb;display:flex;flex-direction:row;height:15vh;justify-content:space-between;width:100%}footer svg{bottom:-37rem;position:absolute;z-index:-1}footer .footerMessage{font-size:1.2rem;margin-left:3rem}footer .footerMessage i{background:none;border-radius:.4rem;color:#f9fafb;margin:.2rem;padding:.3rem;transition:.4s}footer .footerMessage a,footer .footerMessage a:link,footer .footerMessage a:visited{background:none;border-radius:.4rem;color:#f9fafb;font-weight:bolder;padding:.3rem;text-decoration:none;transition:.4s}footer .footerMessage a:hover,footer .footerMessage a:hover~i{background:#a2facf;color:#010720}footer .footerIcons{margin-right:9rem}footer .footerIcons a:link i,footer .footerIcons a:visited i,footer .footerIcons a i{background:none;border-radius:.4rem;color:#f9fafb;font-size:1.6rem;margin:.8rem;padding:.5rem;transition:.4s}footer .footerIcons a:hover i{background:#a2facf;color:#010720}.background--container{align-self:center;height:100%;min-height:180vh;pointer-events:none;position:absolute;width:100%}.background--container i{font-size:2rem;position:absolute}.background--container .background--icon--one{left:3.8rem;position:absolute;top:22rem;-webkit-transform:rotate(350deg);transform:rotate(350deg);z-index:none}.background--container .background--icon--one .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--one .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--two{left:-.3rem;position:absolute;top:50rem;-webkit-transform:rotate(270deg);transform:rotate(270deg);z-index:none}.background--container .background--icon--two .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--two .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--three{left:80rem;position:absolute;top:12rem;-webkit-transform:rotate(10deg);transform:rotate(10deg);z-index:none}.background--container .background--icon--three .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--three .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--four{left:69.6rem;position:absolute;top:30rem;-webkit-transform:rotate(340deg);transform:rotate(340deg);z-index:-2}.background--container .background--icon--four .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--four .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--five{left:16rem;position:absolute;top:35rem;-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:-2}.background--container .background--icon--five .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--five .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--six{left:80.8rem;position:absolute;top:65rem;-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:-1}.background--container .background--icon--six .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--six .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--seven{left:80rem;position:absolute;top:43rem;-webkit-transform:rotate(340deg);transform:rotate(340deg);z-index:none}.background--container .background--icon--seven .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--seven .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}.background--container .background--icon--eight{left:4.7rem;position:absolute;top:77rem;-webkit-transform:rotate(350deg);transform:rotate(350deg);z-index:none}.background--container .background--icon--eight .icon--one{color:#a2facf;left:1.2rem;top:none;z-index:none}.background--container .background--icon--eight .icon--two{color:#010720;left:1rem;top:.2rem;z-index:-1}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-x:hidden;width:100%}
/*# sourceMappingURL=main.f3f9f30b.css.map*/