@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Zilla+Slab:wght@300;500;700&family=Open+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;color:#291a08;margin:0;padding:0}*,body{overflow-x:hidden;overflow-y:hidden}body{position:relative;scroll-behavior:smooth}@keyframes fadein{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}h1,h2{color:#291a08;font-family:"DM Serif Display",serif}h2{font-size:.75em}h3,h4{color:#291a08;font-weight:600;margin:.5em 0}h3,h4,p{font-family:Poppins,serif;font-size:.5em}#privacy{flex-direction:column;justify-content:flex-start;margin-top:4em;max-width:800px;padding:1em;text-align:left}#privacy,nav{display:flex;width:100%}nav{align-items:center;background-color:initial;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2em;position:absolute;top:0;z-index:3}.profile__image{border-radius:50px;height:60px;margin:0 1em;object-fit:cover;width:60px}.profile__none,.profile__verified{align-items:center;display:flex;padding:1em}.profile__none p,.profile__verified p{align-items:center;background-color:#faf8e8;border:3px solid #c7c7c7;border-radius:16px;color:#242424;display:flex;font-size:.75em;justify-content:center;padding:.5em}.profile__verified p{background-color:#faf8e8}.logo__header{color:#291a08;font-size:1.25em;font-weight:600;margin-left:.25em}.profile__verified span{color:#acdaae}.profile__none span{color:#e19e97}.profile__image--loading{background-color:#d3d3d3;border-radius:50px;height:60px;margin:0 1em;object-fit:cover;width:60px}.loading__background{height:100%;position:absolute;width:100%;z-index:4}.mobile__nav{display:none;height:0;overflow-y:hidden}.nav__right{justify-content:center}.container,.nav__right{align-items:center;display:flex}.container{height:100%;justify-content:flex-start;margin:0 auto;max-width:1200px;padding:0;transition:opacity .5s ease-in;width:100%}.info__button{background-color:initial;border:1px solid;border-radius:50%;height:30px;justify-content:center;margin:0 1em;padding:0;width:30px;z-index:4}.site__url{align-items:center;background-color:#faf8e8;border-radius:16px;box-shadow:-1px 4px 1px #e6e3cc;color:#291a08;display:flex;justify-content:flex-start;left:10px;padding:.25em .5em;position:absolute;position:relative;top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:6}.site__img{width:20px}.info__icon{color:#291a08;height:10px;width:10px}#about{display:flex;height:100vh;width:100%}#customization__h1{display:flex;flex-direction:row;justify-content:space-between;padding:1em}.wave{animation:slidein 3s linear infinite;bottom:-180vh;color:#000;filter:invert(91%) sepia(11%) saturate(738%) hue-rotate(67deg) brightness(89%) contrast(94%);height:200vh;left:0;opacity:100%;overflow-y:hidden;position:absolute;transition:all 1s ease-in-out;z-index:23}.wave.hide{bottom:-200vh;height:200vh!important}.animate-wave{bottom:0;height:200vh;z-index:23}.hide{height:0!important;margin:0!important;padding:0!important}.row{height:100%;justify-content:center;width:50%}.nav__links,.row{align-items:center;display:flex}.nav__links{justify-content:flex-start}.nav__link--anchor{align-items:center;color:#291a08;display:flex;font-family:Poppins,sans-serif;font-size:.55em;font-weight:600;margin-right:1.5em;position:relative;text-decoration:none}.link__hover-effect:after{border-radius:50px;bottom:-3px;color:#291a08;content:"";height:3px;position:absolute;right:0;transition:all .3s ease;width:0}.link__hover-effect:hover:after{left:0;width:100%}.App{background:#faf8e8;height:100vh;overflow-x:hidden;overflow-y:scroll;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#faf8e8;color:#faf8e8;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pet__wrapper{display:flex;flex-direction:row;justify-content:flex-start;max-width:1200px;padding-top:3em;width:100%}.pet__customization{display:flex;flex-direction:column;overflow:hidden;text-align:left}.pet__customization--items{height:auto;padding:0 1em 1em;transition:max-height .3s ease-in-out}.pet__object{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.pet__img--foreground{height:100%;left:0;position:absolute;width:100%;z-index:3}.pet__img,.pet__img--background,.pet__img--outline,.pet__img--shadow{height:100%}.pet__img--background{left:0;position:relative;width:100%;z-index:1}.pet__img--outline{left:0;position:absolute;width:100%;z-index:2}.pet__img--shadow{display:none}.pet__img--b,.pet__img--m,.pet__img--t{left:0;position:absolute;width:100%}.pet__img--t{z-index:4}.pet__img--b,.pet__img--m{z-index:3}.pet__container .pet__img--b,.pet__container .pet__img--background,.pet__container .pet__img--m,.pet__container .pet__img--outline,.pet__container .pet__img--t{border:none}button{align-items:center;background-color:#d0e5e6;border:.5px solid #291a084a;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;font-family:Open Sans,serif;font-weight:600;height:100%;justify-content:space-around;margin:1em;outline:none;padding:.5em 2em;transition:all 10ms ease-in-out;transition:all .3s ease-in-out}button:active{transform:translateY(2px)}button:hover{box-shadow:0 4px 8px #00000026;transition:all .15s ease-in-out}.spotify__wrapper{align-items:center;background-color:#f1b6ca;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:1em auto;max-width:800px;padding:1em;width:100%}.spotify__pet{filter:brightness(0) invert();margin:.25em;position:absolute;right:10px;top:10px;width:100px}.artists__wrapper--download{margin-bottom:1em}.artist__wrapper{align-items:center;background-color:#faf8e8;border-radius:16px;box-shadow:-1px 4px 1px #e6e3cc;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:left;margin:.25em;max-height:1.75em;max-width:250px;padding:.5em;text-decoration:none;transition:all .3s ease-in-out;width:100%;z-index:20}.pet__img--background--download{position:absolute}.pet__download{background-color:#0000009d;height:105%;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:105%;z-index:5}.pet__download,.pet__options{align-items:center;display:flex;justify-content:center}.pet__options{flex-direction:column;margin:.5em}.pet__img--download{height:63%;top:100px}.pet__modal{background-color:#faf8e8;border-radius:16px;display:flex;flex-direction:column;height:100%;margin:.5em;max-height:600px;max-width:900px;padding:1.5em;position:relative;width:auto}.pet__modal .pet__object{width:auto}.pet__img--container{flex:1 1;position:relative}.pet__object--download{align-items:center;display:flex;flex-direction:column;height:1920px;width:1080px}.pet__object--download h3,.pet__object--download h4{color:#413e37;font-size:max(50px)}.pet__object--download .spotify__pet{margin:13px;position:relative;top:860px;visibility:visible;width:300px}.pet__object--home{height:auto}.pet__object--download .artists__wrapper{align-items:center;flex-direction:column;flex-wrap:nowrap;height:auto;justify-content:normal;position:relative;top:875px}.pet__object--download .artist__wrapper{border-radius:25px;margin:13px;max-height:125px;max-width:1080px;padding:20px;width:auto;width:680px}.pet__object--download .artist__wrapper img{border-radius:25px;box-shadow:-2px 4px 1px #e6e3cc;height:90px;width:90px}.pet__object--download .site__url{border-radius:75px}.pet__object--download .site__img{height:150px;margin-right:.5em;width:150px}.offscreen{left:0;position:absolute;top:-9999px}.pet__close--button{align-items:center;background-color:#faf8e8;border-radius:50%;cursor:pointer;display:flex;height:auto;height:30px;justify-content:center;position:absolute;right:5px;top:5px;width:30px;z-index:10}.theme-checkbox{--toggle-size:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#efefef 50%,#2a2a2a 0) no-repeat;background-position:0;background-size:205%;border-radius:99em;box-shadow:4px 2px 2px #24242446;cursor:pointer;font-size:var(--toggle-size);height:3.125em;position:relative;transition:.4s;width:6.25em}.theme-checkbox:before{background:linear-gradient(90deg,#efefef 50%,#2a2a2a 0) no-repeat;background-position:100%;background-size:205%;border-radius:50%;content:"";height:2.25em;left:.438em;position:absolute;top:.438em;transition:.4s;width:2.25em}.theme-checkbox:checked:before{background-position:0;left:calc(100% - 2.688em)}.theme-checkbox:checked{background-position:100%}.artist__wrapper img{aspect-ratio:1/1;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:1.25em;object-fit:cover;position:absolute;width:1.25em}.artist__wrapper div{display:flex;flex-grow:1;justify-content:center}.pet__logo{width:45px}.pet__logo,.site__logo{transition:all .3s ease-in-out}.site__logo:hover{transform:translateY(4px)}.site__logo:hover .pet__logo{transform:rotate(-15deg)}.artists__wrapper{align-content:flex-start;animation:slideIn .3s linear;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;padding:.5em;width:100%;z-index:5}.artists__wrapper .following__artists{background-color:#faf8e8;border-radius:50px;box-shadow:-1px 4px 1px #e6e3cc;font-size:40px;height:100px;padding:20px 50px}.following__artists--dynamic{background-color:#faf8e8;border-radius:25px;box-shadow:-1px 4px 1px #e6e3cc;padding:0 50px;width:50%}.following__artists--container{display:flex;justify-content:center;width:100%}.pet__object--container{display:flex;flex-direction:column;height:auto;width:100%}.artist__wrapper:hover{background-color:#291a08}.artist__wrapper:hover h2,.artist__wrapper:hover h3{color:#faf8e8}.artist{margin:.5em}.pet__name--input{color:#413e37;display:flex;flex-direction:column;margin:1em 0;text-align:left}.pet__name{background-color:#faf8e8;border-radius:15px;color:#291a08;font-size:1em;font-weight:600;padding:.25em 1em;position:absolute;top:0;transition:all .3s ease-in-out}.pet__container{background-color:#add9ad;background-image:url(/static/media/BGBlue.daeb2d1af0bb9e23e600.svg);border-radius:15px;box-shadow:0 7px 29px 0 #64646f33;height:80vh;justify-content:center;overflow:hidden;position:relative;width:600px}.artistForm,.pet__container{align-items:center;display:flex}.artistForm input{background-color:initial;border:.5px solid #2424244a;border-radius:10px;font-size:.5em;height:40px;min-width:50px;padding:0 .5em;width:100%}.artistForm input:focus{background-color:#24242403;border:1px solid #2424244a}.artistForm button{background:#0000;border:.5px solid #2424244a;color:#242424;font-size:.5em;font-weight:500}.pet__buttons--wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:900px;padding:1em;width:100%}.button__icon{height:18px;margin-right:1em}.btn{background-color:#fcb348;border:1px solid #24242452;font-family:Poppins,sans-serif;font-weight:600;height:50px;margin:5em 0;padding:1em 3em;transition:all .3s ease-in-out}.logout__btn{margin:0 .5em 0 1em}.api__button{font-size:.45em;transition:height .3s ease-in-out}.api__button:after{background-color:#242424;content:"";height:0;width:auto}.api__button:hover .api__button:after{background-color:#242424;height:100%}.pet__timeline{margin:1em 0;transition:all .3s ease-in-out}.pet__choice{display:flex;flex-direction:column;margin:.5em 0;width:100%}.pet__choice div{display:flex;margin:.25em .5em}.timeline__button{background-color:#a4ddf6;border:1px solid #0000;font-family:Poppins,sans-serif;font-size:.5em;margin:.5em .75em .5em 0;max-width:800px;padding:1.25em 2em;transition:all .3s ease-in-out;width:100%}.timeline__button:hover{border:1px solid #2424241d}.pet__input{background-color:#e4ccff;border:1px solid #0000;border-radius:15px;color:#242424;font-family:Poppins,serif;font-size:1em;margin:1em 0;max-width:250px;opacity:1;outline:none;padding:1em 3em 1em 1em;transition:all .3s ease-in-out}.pet__input:focus{border:1px solid #2424242c}.artist__wrapper h3{margin-left:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist__wrapper--download h3{margin:0 2em}.pet__background{margin:1em 0;overflow:visible;position:relative;transition:all .3s ease-in-out}.pet__stickers{margin:1em 0}.pet__sticker{margin-right:1em;width:80px}.sticker__colour{fill:#e4ccff}.footer__wrapper{margin:3.5em auto}.footer__text{color:#291a0870;font-size:.5em;font-weight:900}.refresh__button{background-color:#faf8e8;border-radius:50%;height:50px;padding:.5em;width:50px;z-index:6}.download__button--pet{display:flex;flex-direction:row}.refresh__button:active{transform:translateY(5px)}.download__button{left:0;position:absolute;top:0}.share__button{left:5em;position:absolute;top:0}.refresh__icon{color:#ae99b7}.pet__colour{overflow:visible;position:relative;transition:all .3s ease-in-out}.colour__modal{background-color:#faf8e8;border-radius:16px;box-shadow:0 5px 15px #00000026;display:flex;flex-direction:row;flex-wrap:wrap;overflow:visible;padding:.5em;position:absolute;right:0;top:50%;transform:translateY(-50%);width:400px}.colour__img{background-color:#e4ccff;border-radius:50%;overflow:hidden;transform:scale(5);transform-origin:50% 50%;width:40px}.modal__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.exit__modal{cursor:pointer;position:absolute;right:.5em;top:0}.background__modal{box-shadow:0 5px 15px #00000026;flex-direction:row;flex-wrap:wrap;overflow:visible;padding:.5em;position:absolute;right:0;top:50%;transform:translateY(-50%);width:400px}.background__modal,.cat__option{background-color:#faf8e8;border-radius:16px;display:flex}.cat__option{box-shadow:0 2px 4px #00000026;cursor:pointer;margin:0;padding:.1em}.cat__option:hover{background-color:#e0dcc3;box-shadow:0 4px 4px #00000040}.cat__option:active{transform:translateY(2px)}.background__img{background-color:#e4ccff;border-radius:16px;overflow:hidden;transform:scale(2);transform-origin:50% 50%;width:50px}.options__wrapper{display:flex;justify-content:space-between;margin:1em 0}.option__wrapper{border-radius:16px;height:100%;margin:.25em}.icon{display:none}.pressed{box-shadow:inset 0 0 8px #00000059;pointer-events:none;transition:all .2s ease}.pressed img{opacity:.4}.timepressed{background-color:#fcb348;box-shadow:inset 0 0 8px #d69720;pointer-events:none;transition:all 50ms ease-in-out}@media (max-width:1200px){.pet__img--container{flex:none;position:relative}.pet__object--home,.pet__object--home .pet__img{height:31vh}.icon{display:block;height:2em;pointer-events:none;transition:transform .25s ease-in-out}.icon.rotated{transform:rotate(180deg)}.timeline__button,h3{font-size:.75em}.pet__wrapper{padding:0}.pet__buttons--wrapper{align-items:center;flex-direction:column;justify-content:center}.container{display:flex;flex-direction:column;padding-top:5em}.row{width:100%}.landing__wrapper{align-items:center!important;display:flex;justify-content:center;padding:1em}.landing__header{font-size:2em}.landing__header,.landing__sub-header{text-align:center!important;width:100%}.about__container{height:80%;width:80%}.pet__wrapper{display:flex;flex-direction:column}.pet__container{border-radius:0;height:100vh;width:100%}.hero__img{display:none;width:100%!important}#pet{height:100%;width:100%}.site__logo{background-color:#faf8e8;border-radius:16px;padding:0 1em}.pet__customization{align-items:center;background-color:#faf8e8;border-radius:16px 16px 0 0;bottom:0;display:flex;margin:0;overflow:hidden;position:fixed;width:100%;z-index:6}.refresh__button{z-index:22}.pet__customization.show{display:block;height:auto;z-index:30}.pet__customization.show .pet__customization--items{display:block;height:auto;max-height:100vh}.pet__customization--items{max-height:0;padding:0;transition:max-height .3s ease-in-out;width:100%}.pet__customization--items .customization__wrapper{padding:1em}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pet__choice{display:flex;flex-direction:column;margin:.5em 0;width:100%}.pet__choice div{display:flex}nav{display:none;height:40px}.mobile__nav{align-items:center;display:flex;height:75px;justify-content:center;padding:0;position:fixed;right:.5em;transition:opacity .3s ease;width:50%;z-index:24}.mobile__nav--profile{align-items:center;background-color:#faf8e8;border-radius:50px;display:flex;flex-direction:row-reverse;justify-content:flex-start;margin:.5em;padding:.25em}.profile__image{margin:.25em}.mobile__item{align-items:center;border-radius:16px;display:flex;margin:.5em auto;padding:.5em;width:80%}.nav__links--mobile{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:5em;opacity:1;position:absolute;top:150vh;transition:opacity .3s ease-in-out;visibility:visible;width:100%}.nav__links--mobile.show{height:100vh;top:0;transition:top 1s,opacity .1s ease-in-out;z-index:24}.show{height:100vh}.nav__links--mobile.hidden{visibility:hidden}.shownav{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:1;padding:1em;position:absolute;width:100%;z-index:24}.nav__link--anchor{background-color:#faf8e8;border-radius:25px;font-size:1.25em;margin:.5em;padding:.5em}.burger__menu--nav{height:30px;width:30px}.hamburger .line{background-color:#242424;display:block;height:2px;margin:4px auto;transition:all .1s ease-in-out;width:25px}.hamburger:hover{cursor:pointer}.open .line:nth-child(2){opacity:0}.open .line:first-child{transform:translateY(6px) rotate(45deg)}.open .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.burger__menu--button{background-color:#faf8e8;border:none;border-radius:50%;height:50px;padding:.5em;position:absolute;right:0;top:0;width:50px;z-index:24}.pet__img--shadow{display:block;height:100%;left:0;position:absolute;width:100%;z-index:0}.artists__wrapper{align-items:center;flex-direction:row}.artist__wrapper{font-size:1.25em;width:40%}.spotify__pet{bottom:80px;position:absolute;top:auto;visibility:hidden}.pet__options{margin:.5em;width:100%}.pet__modal{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20vh 2em}.cat__option{margin:.25em}#customization__h1{box-shadow:-1px 4px 4px #e6e3cc;width:100%}#customization__h1 h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet__container .pet__img--b,.pet__container .pet__img--background,.pet__container .pet__img--m,.pet__container .pet__img--outline,.pet__container .pet__img--t{border:none}.pet__modal .pet__object{flex-grow:1}.following__artists--dynamic{width:80%}}@media (min-width:768px){.artists__wrapper{align-content:flex-start;animation:slideIn .3s linear;display:flex;flex-direction:row;flex-wrap:wrap;height:90%;justify-content:center;padding:.5em;width:100%;z-index:5}}@media (min-width:768px) and (max-width:1200px){.pet__container .pet__img--b,.pet__container .pet__img--m,.pet__container .pet__img--outline,.pet__container .pet__img--t,.pet__img--container{margin-left:10%;width:80%}.pet__img--background{width:100%}.pet__img--container{margin-top:10%}}@media (min-width:1200px){.artists__wrapper{align-content:flex-start;animation:slideIn .3s linear;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;margin-bottom:1em;padding:1em .5em;width:100%;z-index:5}}@media (max-width:486px){.nav__links--mobile .material-symbols-outlined{margin-right:.5em}}#home{background-color:#faf8e9;height:100vh;overflow:visible;position:relative;top:0;width:100%;z-index:1}.landing__wrapper{align-items:flex-start;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:1em}.spotify__button{animation:slideInLeft 1s 1.6s forwards;background-color:#faf8e8;flex-direction:row;font-weight:600;opacity:0}.spotify__button:active{background-color:#291a08;color:#faf8e8}.spotify__signin{margin-right:1em;width:30px}.landing__header,.landing__sub-header{animation:slideInLeft 1s 1s forwards;font-family:Poppins,sans-serif;font-weight:700;margin:.25em 0;opacity:0;text-align:left}.landing__sub-header{animation:slideInLeft 1s 1.3s forwards;font-weight:500}.hero__img{align-items:center;animation:slideInRight 2s forwards;background-color:#ffa629;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='107'%3E%3Cpath d='M46 101a5 5 0 0 1 5 5h5a5 5 0 0 1 10 0h5a5 5 0 0 1 5-5v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10v-5a5 5 0 0 1 0-10V6a5 5 0 0 1-5-5h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0h-5a5 5 0 0 1-10 0H6a5 5 0 0 1-5 5v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 0 10v5a5 5 0 0 1 5 5h5a5 5 0 0 1 10 0h5a5 5 0 0 1 10 0h5a5 5 0 0 1 5-5zm15-2a7 7 0 0 0-6.71 5h-1.58a7 7 0 0 0-13.42 0h-1.58a7 7 0 0 0-13.42 0h-1.58a7 7 0 0 0-13.42 0H7.71A7.01 7.01 0 0 0 3 99.29v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58a7 7 0 0 0 0-13.42v-1.58A7 7 0 0 0 3 9.29V7.71A7.02 7.02 0 0 0 7.71 3h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58a7 7 0 0 0 13.42 0h1.58A7.02 7.02 0 0 0 74 7.71v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7 7 0 0 0 0 13.42v1.58a7.01 7.01 0 0 0-4.71 4.71h-1.58A7 7 0 0 0 61 99zM12 12h53v83H12V12zm51 81H14V14h49v79z' fill='%23c4c2b4' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:15px;display:flex;height:80vh;justify-content:center;width:600px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.hero__img{background-color:initial;background-image:none;height:36vh}#home__container{flex-direction:column-reverse}#home__row{align-items:flex-start;height:63vh}.landing__wrapper{padding-top:0}.spotify__button{margin:2em 0}}@keyframes slidein{0%{transform:translateX(-15%)}to{transform:translateX(-5%)}}#about{overflow:auto}.about__modal{align-items:center;background-color:#0000009d;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translate(0);width:100%;z-index:23}.about__container{align-items:center;animation:fadeInAnimation .3s ease;animation-fill-mode:forwards;animation-iteration-count:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#faf8e8;border-radius:16px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;height:80%;justify-content:flex-start;padding:1em;position:relative;width:40%}.flow__img{border:1px solid #242424;border-radius:16px;margin-top:.5em;max-width:400px;width:100%}.about__info{align-items:center;display:flex;flex-direction:column;max-width:600px;text-align:left;width:100%}.about__close--button{align-items:center;border-radius:50%;bottom:5px;cursor:pointer;display:flex;height:auto;height:30px;justify-content:center;position:absolute;width:30px}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@media (max-width:486px){.about__modal{overflow:auto;z-index:12}.about__container{height:100%;overflow:auto;width:100%;z-index:1}.about__container h2,.about__info{font-size:1.5em}.about__info h3,.about__info p{overflow:visible}.flow__img{max-width:100%;width:100%}}@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-outlined.055a2a3ef73eeb1568f0.woff2) format("woff2")}.material-symbols-outlined{font-feature-settings:"liga";font-family:Material Symbols Outlined}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-rounded.f7258614a7f5b6601972.woff2) format("woff2")}.material-symbols-outlined,.material-symbols-rounded{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-symbols-rounded{font-feature-settings:"liga";font-family:Material Symbols Rounded}@font-face{font-display:block;font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-sharp.ae87cd7846bc913ac389.woff2) format("woff2")}.material-symbols-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Symbols Sharp;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}
/*# sourceMappingURL=main.c2504cd7.css.map*/