.nav-holder{width:100%;top:0;z-index:99;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);position:sticky}.nav-links{height:3.5rem;display:flex;justify-content:space-between;border-radius:2vw 2vw 0 0;font-family:Oswald Bold,serif;color:#db6457}.logo{height:3.5rem;margin:.5rem .5rem .5rem 2rem}.menu-toggle{display:none;background:none;border:none;font-size:3rem;height:4.75rem;width:4.5rem;margin:-.25rem 0 0 0;cursor:pointer;color:#db6457}.navLinksAll{display:flex;justify-content:flex-end;align-items:end;margin-right:2.8rem}.nav-link-singular{height:83%;width:17.5vw;color:#fff;border-radius:1vw 1vw 0 0;display:flex;align-items:center;justify-content:center}.pageIndicator{height:.3rem;width:11.5vw;margin:0 3vw;background-color:#b5e3a6}.indicatorMargin{display:flex;margin-right:1.8rem}.indicatorArea{margin-left:1rem;display:flex;justify-content:flex-end;align-items:start;height:1vw;width:calc(100% - 2rem)}.dropdownMenu{display:flex;flex-direction:column;align-items:center;position:absolute;top:4.5rem;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);padding:2rem 0 0 0;border-radius:5px;width:100%;height:12rem;z-index:999}.nav-bar-title{font-size:1.6rem;margin:0;color:#db6457}@media (max-width:1000px){.nav-holder{height:4.5rem}.navLinksAll{display:none}.menu-toggle{display:block}.logo{height:3.5rem;margin:.5rem .3rem 0 1.5rem}.nav-link-singular{width:100%;height:4.5rem;font-weight:700;color:#000}.pageIndicator{display:none}.indicatorArea{margin-top:3rem}.nav-bar-title{font-size:2rem}}.fullBottomBar{padding:1rem 0 1rem 0;width:100%;border-radius:0 0 2vw 2vw;font-family:Archivo Light;display:grid;grid-template-columns:12vw 12vw 12vw 12vw;grid-gap:2vw;justify-content:center;text-align:left}h3{margin:1.35vw 0 2vw 0}p{font-family:Questrial}.link-list{display:flex;flex-direction:column}.links{font-size:1rem;font-family:Questrial;margin:0 0 1vw 0;color:#db6457}.links-title{margin:1.35vw 0 2vw 0;font-weight:700;font-size:1.4rem;font-family:Archivo SemiBold,sans-serif;color:#db6457}@media (max-width:1000px){.fullBottomBar{grid-template-columns:50vw;text-align:center}}.cookieModal{justify-content:center;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}.cookieModal,.modalContent{display:flex;align-items:center;flex-direction:column}.modalContent{background-color:#fefefe;border:1px solid #888;width:40vw;height:20vw;border-radius:1vw;font-family:Questrial}.cookieCloseTitle{display:grid;width:100%;grid-template-columns:90% 10%}.cookieTitle{font-family:Archivo Light;margin:2vw 0 2vw 4vw}.close{color:#aaa;font-size:4vw;font-weight:700;margin:0 1vw 0 0}.close:focus,.close:hover{color:#000;cursor:pointer}.cookieText{font-size:1.5vw;width:75%;align-self:center;margin:0 0 1vw 0}.cookieButtonHolder{margin:1vw 0 0 0;width:50%;display:flex;justify-content:space-between}.cookieButton{background-color:#aaa}body{margin:0;height:100vh}.wholeSite{width:100%;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);background-repeat:repeat;display:flex;flex-direction:column;align-items:center;color:#db6457}h1{font-size:2vw}h1,h2{font-family:Oswald Bold,sans-serif;letter-spacing:-1px}h2{font-size:1.5vw}h3{font-size:1.4vw;font-family:Oswald Bold,sans-serif;letter-spacing:-1px}p{margin-top:.5vw}button,p{font-size:1vw;font-family:Crimson Text,serif}button{border-radius:2vw;height:2.5vw;width:7.5vw;text-align:center;border:none;color:#fff;background-color:#db6457}button:hover{cursor:pointer}select{font-size:1vw;border-radius:.2vw;border:none;height:2.5vw;text-align:center;background-color:#fff;color:#db6457;font-family:Crimson Text,serif}select:hover{cursor:pointer}select:focus{color:#fff}input{font-size:1vw;height:2vw;background-color:#fff;border:.2vw solid #db6457;border-radius:.5rem;color:#db6457;font-family:Crimson Text,serif}#app,input{text-align:center}a{font-size:1.2vw;font-family:Oswald,sans-serif;text-decoration:none;color:#000}.standard-white-back{height:40vw;background-color:#f7f2ea;width:95%;border-radius:0 0 1vw 1vw;font-family:Oswald Bold,serif}.project-screen{width:calc(100% - 20vw);padding:5rem 10vw 4rem 10vw;font-family:Oswald Bold,sans-serif;color:#db6457;display:flex;flex-direction:column;height:auto;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);background-repeat:repeat;gap:5rem;z-index:3}.show-project-block{width:100%;display:flex;flex-direction:row;position:relative;align-items:center}.reverse-order{flex-direction:row-reverse}.project-image{width:33%;aspect-ratio:1/1;border-radius:1vw;-o-object-fit:cover;object-fit:cover;align-self:center}.project-text-below{width:67%;display:flex;justify-content:start;align-items:start;flex-direction:column;text-align:left;padding:0 1rem}.project-title{margin:0 0 .25rem 1rem;font-size:2.5rem;color:#db6457}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 2rem 1rem}.tag{background-color:#db6457;color:#fff;padding:.4rem 1rem;border-radius:1rem;font-size:.9rem;font-family:Oswald Bold,sans-serif}.project-description{width:90%;margin:0 0 0 1.3rem;font-size:1.2rem;font-family:Crimson Text,serif;color:#db6457}@media (max-width:1000px){.project-screen{width:70vw;padding:5rem 15vw 4rem 15vw;gap:5rem}.show-project-block{flex-direction:column}.project-image{width:100%;aspect-ratio:auto}.project-text-below{width:100%;order:2}.project-image{order:1}}@media (max-width:600px){.project-screen{width:80vw;padding:5rem 10vw 4rem 10vw;gap:3rem}.show-project-block{flex-direction:column}.project-image,.project-text-below{width:100%}.project-text-below{order:2}.project-image{order:1}}.page-top{height:25vw;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.page-title{font-size:16vw;letter-spacing:-.8vw;margin:0;z-index:1}.page-subtitle-holder{position:fixed;display:flex;width:140%;flex-wrap:wrap;justify-content:center;height:25vw;margin-bottom:6.5vw}.page-subtitle{font-size:5vw;margin:-.3vw .75vw;color:#e28b82;opacity:.2;height:5vw}.home-page-titles{padding:5rem 10vw 0 10vw;text-align:start;width:calc(100% - 20vw);z-index:3;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png)}.home-page-small-title{margin:0 1rem;font-size:1.3rem;color:#8e5d4e}.home-page-big-title{font-size:4rem;margin:1rem}.home-page-projects{z-index:2}.colorPicker{width:58.75%;color:#000;padding:1vw 1vw 1vw 1vw;display:grid;align-content:center;background-color:#fff;border-radius:1vw;grid-template-columns:70% 30%}.hsvPicker{width:90%;display:flex;justify-content:space-evenly}.hsvLine{border-radius:5px;height:10vw;width:2vw;position:relative}.hsvLine:hover{cursor:pointer}.hsvCircle{height:10vw;width:10vw;position:relative;border-radius:50%;display:flex;justify-content:center}.hsvCircle:hover{cursor:pointer}.indicator{top:0;width:2.2vw;height:.5vw;background-color:#000;transform:translate(-5%,-50%)}.circleIndicator,.indicator{position:absolute;pointer-events:none}.circleIndicator{vertical-align:middle;height:10vw;background-color:transparent;transform:translateY(-12.5%) rotate(var(--74a6cd44))}.indicatorRotated{top:0;width:.5vw;height:2vw;pointer-events:none}.emptyCircle,.indicatorRotated{position:absolute;background-color:#000}.emptyCircle{justify-content:center;transform:translateY(17%);border-radius:50%;width:7.5vw;height:7.5vw;vertical-align:middle;display:flex}.options{border-radius:5px;height:3vw;width:9vw;text-align:center}.switchPaletteArea{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-right:2.5vw}.wholeCard{width:89%;margin:1.5vw 0 1.5vw 0;display:grid;gap:1.5vw;justify-content:center;align-content:center;grid-template-columns:36% 25% 36%}.textChangeCard{display:grid;gap:.5vw;grid-template-columns:7.5vw 7.5vw;justify-content:center;padding:.75vw 0 1.5vw 0}.textChangeCard,.textChangeCardSlogan{background-color:#fff;border-radius:1vw;align-items:center}.textChangeCardSlogan{display:flex;flex-direction:column;padding:.75vw 1vw 1vw 1vw}.sloganContent{margin:.3vw;width:7.5vw}.titleCell{grid-column-start:1;grid-column-end:3;margin:.5vw}.decreaseButton{font-size:1.5vw;width:3.75vw;border-radius:2vw 0 0 2vw}.increaseButton{font-size:1.5vw;width:3.75vw;border-radius:0 2vw 2vw 0}.wholePage{width:75%;height:90%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--b188848a)}.bars{border-radius:1vw 1vw 0 0}.bars,.barsBottom{width:100%;height:9%}.barsBottom{border-radius:0 0 1vw 1vw}.bigTitle{font-size:var(--d6b0309c)}.bigTitle,.smallTitle{margin:0;font-family:var(--b188848a)}.smallTitle{font-size:var(--28ec56b3)}.smallText{height:9vw;font-size:var(--859e7498);padding:1vw;overflow:hidden;text-overflow:ellipsis;font-family:var(--b188844c);display:flex;align-items:center}.headArea{flex-direction:column}.descriptionArea,.headArea{height:41%;display:flex;align-items:center;justify-content:center}.totalArea{width:90.2%;height:23vw;background-color:#fff;border-radius:1vw;padding-top:1.5vw}.showPalette{width:100%;display:flex;padding-bottom:.5vw;justify-content:space-evenly}.colorBox{border-radius:1vw;width:5vw;height:5vw;border:none;padding:.5vw;color:#fff;vertical-align:center}.colorBox,.colorInfo{display:flex;justify-content:center}.colorInfo{margin:0;align-items:center}.showFonts{display:grid;gap:10%;grid-template-columns:45% 45%}.showFontsText{display:flex;align-items:center;justify-content:space-evenly}.mainScreen{width:100%;color:#db6457;display:flex;height:42.2vw;padding:2.5vw 0 1vw 0;background-color:#f7f2ea;border-radius:0 0 1vw 1vw;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png)}.leftArea{width:35%}.stylePicker{justify-content:space-evenly;align-items:center;display:flex;flex-direction:column;height:40vw}.changeStyleArea{width:59.5%}.showArea{width:87%;height:38.75vw;margin:0 1vw 1vw 4.5vw}.exportButton,.showArea{background-color:#fff;border-radius:1vw}.exportButton{display:flex;margin:0 0 0 1.5vw;width:34.94%;height:100%;justify-content:center;align-items:center}button,select:focus{background-color:var(--10606e1f)}.colorAndButton{width:54vw;display:flex;margin-top:1.5vw}.icon{padding:1rem;width:1.75rem;height:1.75rem;border-radius:50%;background-color:#db6457}.about-screen{width:calc(100vw - 6rem);display:flex;justify-content:center;background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);background-repeat:repeat;border-radius:0 0 1vw 1vw;padding:3rem 3rem 2rem 3rem;z-index:3}.aboutMe{width:70%;border-radius:1vw;display:grid;grid-template-columns:60% 35%;gap:1vw;padding:1vw}.aboutContentHolder{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-left:1.5vw}.aboutText{margin:1rem .5rem 0 .5rem;text-align:start;font-size:1.2rem;width:90%}.aboutPhoto{width:16vw;height:16vw;margin:2.75vw 0 0 1.5vw;-o-object-fit:cover;object-fit:cover;-o-object-position:0 10%;object-position:0 10%}.aboutPerson{display:flex;flex-direction:column;justify-content:start;margin-left:2.25vw;text-align:left}.about-person-title{margin:.5rem 0 0 .75rem;font-size:1.5rem}.about-person-paragraph{margin:.2rem 0 0 .75rem;font-size:1rem}@media (max-width:950px){.aboutMe{width:90%;grid-template-columns:100%}.aboutPhoto{width:20rem;height:20rem}.aboutPerson{width:20rem;height:26rem;justify-self:center}}@media (max-width:600px){.aboutMe{width:100%}.aboutPerson{width:80%;height:70%;justify-self:center}.aboutPhoto{width:100%;height:80%}}.legalPageHeader{text-align:center;font-family:Archivo SemiBold;font-size:2.5vw;margin-bottom:2.5vw}.legalPage{width:95%;border-radius:0 0 1vw 1vw;background-color:#eee;display:flex;justify-content:center;align-items:center}.legalBackground{background-color:#fff;border-radius:1vw;width:87%;margin:2.5vw 0 4vw 0;text-align:left;padding:1vw 2vw 1vw 2vw}.legalHeader{font-family:Archivo Light}.supportPage{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;font-family:Archivo Light;background-color:#eee;border-radius:0 0 1vw 1vw}.supportBox,.supportPage{width:calc(100% - 2rem);justify-content:center}.supportBox{margin:2vw 2vw 3vw 2vw;padding:1rem;border-radius:1vw;background-color:#fff;display:flex;flex-direction:column;align-items:center}.supportTitle{font-size:1.3rem;width:80%;margin:0 0 1.5vw 0}.supportParagraph{width:80%;margin:0 0 3vw 0;font-size:1rem}.supportButton{height:3rem;width:10rem;color:#fff;border-radius:2rem}.socialMediaIconCircle,.supportButton{display:flex;justify-content:center;align-items:center;background-color:#b6e0b3}.socialMediaIconCircle{margin-top:.5rem;height:3.25rem;width:3.25rem;border-radius:50%}.socialMediaIcon{height:1.75rem;width:1.75rem}.support-button-text{font-size:1rem;margin:0}@media (max-width:950px){.supportPage{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.supportPage{grid-template-columns:repeat(1,1fr)}}.button-login[data-v-765e9e42]{width:40vh;height:80vh;background-color:#000;font-size:7.3vh}.track-card[data-v-43b7852a]{width:40vh;height:80vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:#17331b;border-radius:4vh;border:1vh solid #000;color:#000;font-family:Noto Sans Medefaidrin}.current-track[data-v-43b7852a]{height:75%;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#b1cfa6}.postion-number[data-v-43b7852a]{text-align:center;font-size:6vh;margin:1vh;color:#17331b}.rotate-image[data-v-43b7852a]{height:7vh;margin:2vh}.track-box[data-v-43b7852a]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:100%;max-height:80vh}.current-track-image[data-v-43b7852a]{margin:0 4vh 0 4vh;width:70%;max-width:35vh;max-height:35vh}.current-track-info[data-v-43b7852a]{width:100%;max-height:100%;font-weight:400;color:#17331b;font-size:3vh;max-font-size:2vw;text-align:center}.track-text[data-v-43b7852a]{height:100%;display:flex;width:100%;flex-direction:column;justify-content:center;padding:0 4vh 0 4vh}.artist[data-v-43b7852a]{font-size:4vh;max-font-size:1vw;font-weight:700}.buttons[data-v-43b7852a]{margin:2vh 0 2vh 0;width:100%;justify-content:center;display:flex}.buttons-specific[data-v-43b7852a]{width:47%;height:10vh;font-size:3vh;background-color:#b1cfa6;font-family:Noto Sans Medefaidrin;font-weight:700;color:#17331b;padding:0 1vh 0 1vh;border:.3vh solid #17331b}.hidden-track[data-v-43b7852a]{height:100%;width:100%;border-radius:3.25vh;text-align:center;display:flex;flex-direction:column;justify-content:center}.game-title[data-v-43b7852a]{font-weight:700;color:#17331b;margin:2vh 3vh}.play-button[data-v-43b7852a]{border-radius:2vh 0 0 2vh}.random-button[data-v-43b7852a]{border-radius:0 2vh 2vh 0}[data-v-43b7852a]{padding:0;margin:0;box-sizing:border-box}h1[data-v-43b7852a]{font-size:7.3vh}h2[data-v-43b7852a]{font-size:5vh;margin:0}h3[data-v-43b7852a]{font-size:4vh;margin:0}.play-card{display:flex;justify-content:center}.topHitApp{width:calc(100% - 2rem);background-color:#f7f2ea;background-image:url(http://www.transparenttextures.com/patterns/subtle-grunge.png);background-repeat:repeat;padding:2rem 0}