footer{background-color:var(--menu);color:#fff;text-align:center;position:relative;bottom:0;width:100%;padding:10px 0;font-family:Knewave,sans-serif;font-size:1.5em;display:flex;justify-content:center;align-items:center;flex-direction:column;p{color:#fff}@media (min-width: 835px){padding-left:300px}}.subscribe.mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--menu);color:#fff;margin:0 20px 20px;@media (min-width: 835px){display:none}form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}p{margin:0;font-size:1rem}label{color:#fff;font-size:1rem}input{width:100%}button{margin-top:1rem}}.nav-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;color:#fff;font-size:1.5em;background-color:var(--menu);position:relative;flex-wrap:wrap;padding:1rem;box-sizing:border-box;@media (min-width: 835px){flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;width:280px;gap:1rem}a{color:#fff;text-decoration:none;padding-right:1rem;font-family:Knewave,sans-serif;max-height:100px;img{width:50px;height:50px;@media (min-width: 835px){width:100px;height:100px}}}.title{color:#fff;margin-left:1rem;@media (min-width: 835px){display:block;margin:0}@media (min-width: 1200px){font-size:1.5em;margin-bottom:1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}}#nav-toggle{position:relative;width:30px;height:20px;background:none;border:none;cursor:pointer;margin:0;margin-right:1rem;z-index:1000;@media (min-width: 835px){display:none}}#nav-toggle:before,#nav-toggle:after,#nav-toggle span{content:"";display:block;position:absolute;width:100%;height:4px;background:var(--white);transition:transform .3s,opacity .3s}#nav-toggle:before{top:0}#nav-toggle span{top:50%;transform:translateY(-50%)}#nav-toggle:after{bottom:0}#nav-toggle.open:before{transform:translateY(8px) rotate(45deg)}#nav-toggle.open span{opacity:0}#nav-toggle.open:after{transform:translateY(-8px) rotate(-45deg)}#nav-menu{position:absolute;top:0;left:0;background-color:var(--menu);width:100%;visibility:hidden;max-height:0;transition:max-height .3s ease-out;border-bottom:2px solid white;padding:1rem;z-index:999;@media (min-width: 835px){padding-top:0;top:0;width:auto;align-items:flex-start;visibility:visible;max-height:none}@media (min-width: 1024px){position:relative;box-shadow:none;top:0;width:100%}@media (min-width: 1550px){width:unset}}#nav-menu a{display:block;text-decoration:none;color:#fff;margin-left:1rem;@media (min-width: 835px){margin:0}@media (min-width: 1200px){line-height:1;font-size:1em;margin-bottom:1rem}}#nav-menu a:hover{color:#603d34;@media (min-width: 1200px){color:#603d34}}.open~#nav-menu{visibility:visible;max-height:500px}.header-block{h2,h3{font-size:1em;margin:0;color:#fff;font-family:Oswald,sans-serif;font-weight:400}ul{display:flex;flex-direction:column;li{list-style-type:none;margin:0;padding:0;a{font-family:Oswald,sans-serif;font-size:1rem;line-height:1.5;display:block;word-wrap:break-word;&:hover{text-decoration:underline}}}}&.popular-mixes,&.search{display:none;@media (min-width: 835px){display:block}}input{border:none;border-radius:0}button{border:2px solid var(--white)}}.subscribe.non-mobile{display:none;flex-direction:column;align-items:center;justify-content:center;background-color:var(--menu);color:#fff;@media (min-width: 835px){display:flex}form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}p{margin:0;font-size:1rem}label{color:#fff;font-size:1rem}input{width:100%}button{margin-top:1rem}}:root{--menu: #5d3fd3;--white: #fff;--text: #333}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}*:before{content:""}*:after{content:""}*::selection{background:var(--menu);color:var(--white)}html,body{line-height:1.5;text-rendering:optimizeLegibility;background-color:var(--white);color:var(--text);font-size:1rem;font-family:Oswald,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input{padding:.5rem;height:3rem;box-sizing:border-box;margin:0;border:3px solid var(--text);border-radius:4px}form{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;button{margin-bottom:0;height:3rem}}textarea{padding:.5rem;margin:.5rem 0;min-width:300px;border:3px solid var(--text);border-radius:4px}label{margin:.5rem 0;color:var(--text)}button{padding:.5rem 1rem;background:var(--menu);color:var(--white);cursor:pointer;height:3rem;box-sizing:border-box;margin:0}@font-face{font-family:Knewave;src:url(/fonts/Knewave-Regular.ttf) format("truetype")}@font-face{font-family:Oswald;src:url(/fonts/Oswald-VariableFont_wght.ttf) format("truetype")}html{height:100%;min-height:100%}body{font-family:Oswald,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#00f;font-size:18px;height:100%;min-height:100%}div.page-container{display:flex;flex-direction:column;position:relative;width:100%;min-height:100%;main{display:flex;flex-grow:1;margin:0 auto;flex-direction:column;align-items:center}@media (min-width: 835px){flex-direction:row}}.container{max-width:1000px}div.logoandtitle{@media (max-width: 835px){text-align:center}display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%}h1,h2{font-family:Knewave,sans-serif;font-size:3em;color:#333;margin:10px;@media (max-width: 835px){font-size:1.75em}}h2{font-size:1.5rem;color:var(--menu);@media (max-width: 835px){font-size:1.5rem}}ul{list-style-type:none;margin:0;padding:0}ol{@media (max-width: 835px){padding:0 20px}padding:0;color:#333;li{margin:0;padding:0}li a,li p{text-decoration:none;color:#333}}img{max-width:100%;height:auto}button{background-color:var(--menu);color:var(--white);border:none;cursor:pointer;font-size:1rem;padding:.5rem 1rem;margin-bottom:1rem;font-family:Oswald,sans-serif;height:2.5rem}select{background-color:var(--menu);color:var(--white);border:none;cursor:pointer;font-size:1rem;padding:.5rem 3rem .5rem 1rem;margin-bottom:1rem;font-family:Oswald,sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23fff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.6rem;height:2.5rem}