@import url(https://fonts.googleapis.com/css2?family=Encode+Sans&family=Encode+Sans+Semi+Condensed:wght@700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:"Encode Sans", sans-serif;font-size:18px;line-height:1.5}h1,h2,h3,h4,h5,h6,strong{font-family:"Encode Sans Semi Condensed", sans-serif;line-height:1.3;margin-top:0}h1{color:#1b6e97}a{color:#1b6e97}aside{font-size:0.8em}ul,ol{padding-left:2em}body{background-image:url(b9b23485447274331554.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;height:100vh}.topnav{position:absolute;width:297px;height:31.45px;top:20px;left:12px;background:rgba(153,58,157,0.9);box-sizing:border-box;border-radius:40px;display:flex;align-items:center;justify-content:center}a{font-family:Jura, sans-serif;font-weight:bold;font-size:10px;line-height:12px;color:#fff;padding:8.28px;text-decoration:none}.orange-border{position:absolute;width:263px;height:93px;left:33px;top:425px;background:#ffa149;border-radius:20px;display:flex;align-items:center;justify-content:center}.take-our-survey{font-family:Jura, sans-serif;font-weight:bold;font-size:15px;line-height:18px;text-align:center;color:#000}.start-container{position:absolute;width:229.55px;height:138.83px;left:48.73px;top:187.08px;background:#c4c4c4;box-shadow:5px 4px 100px 40px rgba(0,0,0,0.5);border-style:outset;border-color:#e5e5e5}.blue-banner{position:relative;width:229.55px;height:31.03px;background:#4acdd6;display:flex;align-items:center}.x-button{border-style:outset;position:absolute;width:18px;height:18px;background:#c4c4c4;left:200px;display:flex;align-items:center;justify-content:center}.x-button::before{content:"\d7";font-size:26px}.welcome{position:absolute;left:20px;top:7px;color:white;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:12px;line-height:14px}.feeling{position:absolute;padding-right:30px;padding-left:30px;text-align:center;top:25px;font-family:Jura, sans-serif;font-size:15px}.start-journey{width:100%;display:flex;align-items:center;justify-content:center}.button-journey{position:absolute;width:131px;height:26px;background:#4acdd6;display:flex;align-items:center;justify-content:center;color:black;font-size:9px;top:90px;border-color:#4acdd6}@media screen and (min-width: 768px){.topnav{width:682px;height:65px;top:51px;left:40px}a{font-family:Jura, sans-serif;font-weight:bold;font-size:20px;line-height:23.66px;padding:32.31px}.orange-border{width:445px;height:129px;left:163px;top:721px}.take-our-survey{font-size:20px;line-height:24px}.start-container{position:absolute;width:446px;height:247px;left:162px;top:369px;border-width:5px}.blue-banner{position:relative;width:445px;height:55px}.x-button{width:32px;height:32px;left:400px;border-width:3px}.x-button::before{content:"\d7";font-size:45px}.welcome{left:17px;top:17px;font-size:14px;line-height:16.56px}.feeling{padding-right:0;padding-left:0;top:74px;font-size:27px;width:445px;font-weight:bold}.button-journey{width:254px;height:46px;font-size:15px;top:160px;border-width:5px}}@media screen and (min-width: 1200px){.topnav{position:absolute;width:1036px;height:72px;top:57px;left:82px}a{font-size:20px;line-height:24px;padding:49.08px}.orange-border{position:absolute;width:445px;height:129px;left:377px;top:722px}.take-our-survey{font-size:20px;line-height:24px}.start-container{width:445px;height:246px;left:377px;top:372px}}.results-container{position:absolute;width:229px;height:482.73px;left:45px;top:187px;background:#c4c4c4;border-style:outset;border-width:3.5px;box-shadow:5px 4px 100px rgba(0,0,0,0.5)}img{position:absolute;width:119px;height:119px;left:56px;top:131px}.blue-banner-3{position:absolute;width:229.55px;height:31.03px;background:#4acdd6;display:flex;align-items:center;justify-content:center}.x-button-3{position:absolute;width:18.78px;height:18.78px;background:#c4c4c4;border-style:outset;left:200px;display:flex;align-items:center;justify-content:center}.x-button-3::before{content:"\d7";font-size:26px}.page-tab-2{position:absolute;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:12px;line-height:10px;left:20px;color:#fff}.page-heading-2{position:absolute;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:17px;line-height:20px;top:70px;left:19px;color:#000}.suggested-song{position:absolute;width:210px;height:90px;left:10px;top:270px;line-height:14px;text-align:center}.results-artist{font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:12px;color:#000}.results-album{font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:12px;color:#000}.button-more{position:absolute;width:111.83px;height:32.26px;top:354px;left:60px;background:#c4c4c4;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:10px;border-width:3.04px}.button-spotify{position:absolute;width:111.83px;height:32.26px;top:400px;left:60px;background:#4acdd6;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:10px;border-width:3.04px;border-color:#4acdd6}@media screen and (min-width: 768px){.results-container{width:652px;height:493px;left:50px;top:275px;background:#c4c4c4;border-width:5px}img{width:163px;height:163px;left:392px;top:171px}.blue-banner-3{position:absolute;width:650px;height:40px;background:#4acdd6;display:flex;align-items:center;justify-content:center}.x-button-3{position:absolute;width:18.78px;height:18.78px;background:#c4c4c4;border-style:outset;left:620px;display:flex;align-items:center;justify-content:center}.page-tab-2{font-size:14px;left:28px}.page-heading-2{font-size:27px;line-height:20px;top:90px;left:174px;color:#000}.suggested-song{height:202px;left:87px;top:202px;line-height:21px;text-align:inherit}.results-artist{font-size:18px}.results-album{font-size:18px}.button-more{width:184px;height:53px;top:404px;left:87px;background:#c4c4c4;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:18px;border-width:5px}.button-spotify{width:184px;height:53px;top:404px;left:382px;background:#4acdd6;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:18px;border-width:5px}}@media screen and (min-width: 1200px){.results-container{left:275px;top:300px}}body{background-image:url(b9b23485447274331554.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;height:100vh}.container{position:absolute;width:229.55px;height:275px;left:131.225px;top:140px;background:#c4c4c4;box-shadow:5px 4px 100px 40px rgba(0,0,0,0.5);border-style:outset;border-width:4px}.topnav{position:absolute;width:370px;height:40.45px;top:20px;left:65px;background:rgba(153,58,157,0.9);box-sizing:border-box;border-radius:40px;display:flex;align-items:center;justify-content:center}a{font-family:Jura, sans-serif;font-weight:bold;font-size:12px;line-height:12px;color:#fff;padding:40px;text-decoration:none}.blue-banner{position:relative;width:229.55px;height:40px;background:#4acdd6;display:flex;align-items:center}.x-button{border-style:outset;position:absolute;width:18px;height:18px;background:#c4c4c4;left:200px;display:flex;align-items:center;justify-content:center}.x-button::before{content:"\d7";font-size:26px}.banner{position:absolute;left:10px;color:white;font-family:Jura, sans-serif;font-style:normal;font-weight:bold;font-size:12px;line-height:14px}.choose-mood{width:100%;display:flex;align-items:center;justify-content:center}.heading{position:absolute;text-align:center;top:60px;font-family:Jura, sans-serif;font-size:15px}.mood{position:absolute;top:-13px;left:10px}.mood-button{border-style:outset;position:absolute;width:30px;height:30px;background:#c4c4c4;left:160px;top:-15px;font-size:10px}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1;left:160px}.dropdown-content p{color:black;padding:12px 16px;text-decoration:none;display:block}.dropdown-content p:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.wrapper{position:absolute;width:200px;height:40px;background:white;left:10.775px;top:120px;border-style:inset;border-width:3px;display:flex;align-items:center}.see-results{width:100%;display:flex;align-items:center;justify-content:center}.button-results{position:absolute;width:131px;height:26px;background:#4acdd6;display:flex;align-items:center;justify-content:center;color:black;font-size:10px;top:200px;border-color:#4acdd6}.orange-box{position:absolute;width:263px;height:93px;left:118.5px;top:490px;background:#ffa149;border-radius:20px;display:flex;align-items:center;justify-content:center}.suggest-song{font-family:Jura, sans-serif;font-weight:bold;font-size:15px;line-height:18px;text-align:center;color:#000}@media screen and (min-width: 768px){.topnav{width:682px;height:65px;top:51px;left:40px}a{font-family:Jura, sans-serif;font-weight:bold;font-size:20px;line-height:23.66px;padding:80px}.container{position:absolute;width:626.72px;height:400px;left:70.625px;top:185px;border-width:8px}.blue-banner{position:relative;width:626.72px;height:69.4px}.x-button{width:32px;height:32px;left:570px;border-width:4px}.x-button::before{content:"\d7";font-size:45px}.banner{left:20px;font-size:20px}.heading{top:74px;font-size:27px;font-family:Jura, sans-serif;width:445px}.wrapper{border-width:6px;top:170px;width:300px;left:157.36px}.mood-button{left:260px;border-width:3px}.dropdown-content{left:260px}.button-results{width:254px;height:46px;font-size:15px;top:280px;border-width:5px}.orange-box{width:400px;height:100px;left:184px;top:650px}.suggest-song{font-size:17px}}@media screen and (min-width: 1200px){.topnav{position:absolute;width:1036px;height:72px;top:57px;left:82px}a{font-size:20px;line-height:24px;padding:200px}.container{width:811.09px;height:400px;left:186.455px;top:200px}.blue-banner{position:relative;width:811.09px;height:69.4px}.x-button{width:32px;height:32px;left:750px;border-width:4px}.x-button::before{content:"\d7";font-size:50px}.heading{top:90px;font-size:30px;font-family:Jura, sans-serif;width:445px}.wrapper{top:200px;width:350px;left:224.545px}.mood-button{left:315px}.dropdown-content{left:315px}.button-results{width:254px;height:46px;font-size:15px;top:300px}.orange-box{width:400px;height:100px;left:400px;top:650px}.suggest-song{font-size:17px}}.page-heading{color:#ab424a}@media screen and (min-width: 768px){.page-heading{color:#3b975f}}@media screen and (min-width: 1200px){.page-heading{color:#4261ab}}body{background-image:url(45fa998e010ec0fa0fcf.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;height:100vh;font-family:Jura, sans-serif}h1{font-family:Jura, sans-serif}h4{font-family:Jura, sans-serif}nav{width:470px;height:50px;align-items:center;margin-left:15px;margin-top:15px;background:rgba(153,58,157,0.9);border:1px solid #000;box-sizing:border-box;border-radius:40px}@media screen and (min-width: 768px){nav{width:650px;height:67px;margin-top:20px;margin-left:60px}}@media screen and (min-width: 1200px){nav{width:1030px;height:72px;margin-top:20px;margin-left:85px}}.reftoindex{position:relative;font-style:normal;font-weight:bold;font-size:15px;top:-25px;left:80px;display:inline-block;text-align:center;color:#fff;text-decoration:none}@media screen and (min-width: 768px){.reftoindex{font-size:20px;left:80px;top:-60px}}@media screen and (min-width: 1200px){.reftoindex{font-size:27px;left:40px;top:-180px}}.reftoact{position:absolute;font-weight:700;font-size:15px;left:260px;top:-9px;text-align:center;color:#fff;text-decoration:none}@media screen and (min-width: 768px){.reftoact{font-size:20px;left:400px;top:-40px}}@media screen and (min-width: 1200px){.reftoact{font-size:30px;left:580px;top:-160px}}.projectbox-aboutus{position:relative;width:400px;height:320px;left:44px;top:50px;background:#c4c4c4;box-shadow:5px 4px 100px 40px rgba(0,0,0,0.5);border-style:outset;border-width:7px}@media screen and (min-width: 768px){.projectbox-aboutus{width:600px;height:350px;left:81px;top:50px}}@media screen and (min-width: 1200px){.projectbox-aboutus{width:900px;height:500px;top:50px;margin-left:67px;background:#c4c4c4;box-shadow:5px 4px 100px 40px rgba(0,0,0,0.5)}}.project-aboutus{font-weight:700;font-size:22px;line-height:24px;text-align:center;color:#fff;background:#4acdd6;padding:10px;position:relative}@media screen and (min-width: 768px){.project-aboutus{font-size:27px;line-height:45px;font-weight:700}}@media screen and (min-width: 1200px){.project-aboutus{font-size:40px;line-height:41px;font-weight:700}}.projecttext-aboutus{position:relative;font-style:normal;font-weight:bold;font-size:15px;line-height:17px;margin-left:20px;margin-right:15px;align-items:center}@media screen and (min-width: 768px){.projecttext-aboutus{font-size:18px;line-height:20px}}@media screen and (min-width: 1200px){.projecttext-aboutus{position:relative;font-size:25px;line-height:34px;margin-left:50px;margin-top:-15px}}.meet-teambox{width:225px;height:69px;position:relative;background:rgba(153,58,157,0.8);mix-blend-mode:hard-light;margin-top:70px;margin-left:90px;box-shadow:10px 10px 10px 20px rgba(0,0,0,0.4);border-radius:30px}@media screen and (min-width: 768px){.meet-teambox{margin-left:170px;margin-top:85px;width:275px;height:85px}}@media screen and (min-width: 1200px){.meet-teambox{width:370px;height:120px;margin-top:100px;margin-left:275px}}.meetteamtext{font-style:normal;font-weight:bold;position:relative;font-size:20px;line-height:20px;align-items:center;text-align:center;margin-top:45px;padding-top:25px;color:white}@media screen and (min-width: 768px){.meetteamtext{font-size:26px;padding-top:30px}}@media screen and (min-width: 1200px){.meetteamtext{font-size:38px;padding-top:50px}}.member-onebox{position:relative;width:220px;height:100px;margin-left:145px;padding-left:15px;padding-right:15px;margin-top:60px;background:rgba(6,189,214,0.4);mix-blend-mode:hard-light;box-shadow:10px 2px 5px 10px rgba(0,0,0,0.2);border-radius:20px}@media screen and (min-width: 768px){.member-onebox{width:300px;height:110px;margin-left:250px}}@media screen and (min-width: 1200px){.member-onebox{width:445px;height:160px;margin-left:380px}}.memberonetext{color:white;font-style:normal;font-weight:bold;font-size:15px;line-height:20px;padding-top:8px;padding-bottom:5px;display:flex;align-items:center;text-align:center}@media screen and (min-width: 768px){.memberonetext{font-size:16px;line-height:22px;align-items:center;text-align:center;margin-left:23px;padding-top:20px}}@media screen and (min-width: 1200px){.memberonetext{font-size:23px;line-height:24px;align-items:center;text-align:center;margin-left:42px;padding-top:40px}}.melissa{position:relative;width:105px;height:105px;box-shadow:4px 2px 4px rgba(125,17,101,0.7);border-radius:80px;top:-110px;left:-150px}@media screen and (min-width: 768px){.melissa{width:115px;height:115px;top:-105px;left:-220px}}@media screen and (min-width: 1200px){.melissa{width:165px;height:165px;top:-140px;left:-300px}}.member-twobox{position:relative;width:220px;height:100px;margin-left:145px;padding-left:15px;padding-right:15px;background:rgba(7,168,190,0.6);mix-blend-mode:hard-light;box-shadow:10px 5px 10px 10px rgba(0,0,0,0.6);border-radius:20px}@media screen and (min-width: 768px){.member-twobox{width:300px;height:110px;margin-left:250px}}@media screen and (min-width: 1200px){.member-twobox{width:445px;height:160px;margin-left:380px}}.membertwotext{color:white;font-style:normal;font-weight:bold;font-size:15px;line-height:20px;padding-top:8px;padding-bottom:5px;display:flex;align-items:center;text-align:center}@media screen and (min-width: 768px){.membertwotext{font-size:16px;line-height:22px;align-items:center;text-align:center;margin-left:20px;padding-top:20px}}@media screen and (min-width: 1200px){.membertwotext{font-size:23px;line-height:24px;align-items:center;text-align:center;margin-left:40px;padding-top:40px}}.chloe{position:relative;width:105px;height:105px;box-shadow:4px 2px 4px rgba(125,17,101,0.7);border-radius:80px;top:-110px;left:-150px}@media screen and (min-width: 768px){.chloe{width:115px;height:115px;top:-105px;left:-220px}}@media screen and (min-width: 1200px){.chloe{width:165px;height:165px;top:-140px;left:-300px}}.member-threebox{position:relative;width:220px;height:100px;margin-left:145px;padding-left:15px;padding-right:15px;background:rgba(129,56,154,0.7);mix-blend-mode:hard-light;box-shadow:20px 15px 10px rgba(0,0,0,0.5);border-radius:20px}@media screen and (min-width: 768px){.member-threebox{width:300px;height:110px;margin-left:250px}}@media screen and (min-width: 1200px){.member-threebox{width:445px;height:160px;margin-left:380px}}.memberthreetext{color:white;font-style:normal;font-weight:bold;font-size:15px;line-height:20px;display:flex;align-items:center;text-align:center;padding-top:8px;padding-bottom:5px}@media screen and (min-width: 768px){.memberthreetext{font-size:16px;line-height:22px;align-items:center;text-align:center;margin-left:20px;padding-top:20px}}@media screen and (min-width: 1200px){.memberthreetext{font-size:23px;line-height:24px;align-items:center;text-align:center;margin-left:40px;padding-top:40px}}.maria{position:relative;width:105px;height:105px;box-shadow:4px 2px 4px rgba(32,185,212,0.63);border-radius:80px;top:-110px;left:-150px}@media screen and (min-width: 768px){.maria{width:115px;height:115px;top:-105px;left:-220px}}@media screen and (min-width: 1200px){.maria{width:165px;height:165px;top:-140px;left:-300px}}.member-fourbox{position:relative;width:220px;height:100px;margin-left:145px;padding-left:15px;padding-right:15px;background:rgba(125,17,101,0.7);mix-blend-mode:hard-light;box-shadow:20px 15px 10px rgba(0,0,0,0.5);border-radius:20px}@media screen and (min-width: 768px){.member-fourbox{width:300px;height:110px;margin-left:250px}}@media screen and (min-width: 1200px){.member-fourbox{width:445px;height:160px;margin-left:380px}}.memberfourtext{color:white;font-style:normal;font-weight:bold;font-size:15px;padding-top:15px;padding-left:25px;padding-bottom:5px;line-height:20px;display:flex;align-items:center;text-align:center}@media screen and (min-width: 768px){.memberfourtext{font-size:16px;line-height:22px;align-items:center;text-align:center;margin-left:30px;padding-top:20px}}@media screen and (min-width: 1200px){.memberfourtext{font-size:23px;line-height:24px;align-items:center;text-align:center;margin-left:65px;padding-top:40px}}.garrett{position:relative;width:105px;height:105px;box-shadow:4px 2px 4px rgba(32,185,212,0.7);border-radius:80px;top:-95px;left:-150px}@media screen and (min-width: 768px){.garrett{width:115px;height:115px;top:-105px;left:-220px}}@media screen and (min-width: 1200px){.garrett{width:165px;height:165px;top:-140px;left:-300px}}#trackname,#artistname{position:relative;top:140px;font-size:12px;text-align:center}@media screen and (min-width: 768px){#trackname,#artistname{top:190px;font-size:18px}}@media screen and (min-width: 1200px){#trackname,#artistname{top:190px;font-size:18px}}#albumStyle{position:relative;top:200px;left:190px}@media screen and (min-width: 768px){#albumStyle{top:280px;left:310px}}@media screen and (min-width: 1200px){#albumStyle{top:300px;left:520px}}