@font-face{font-family:"RalewayRegular";src:url("/static/fonts/Raleway-Regular.ttf")}@font-face{font-family:"RalewayBold";src:url("/static/fonts/Raleway-Bold.ttf")}@font-face{font-family:"RalewaySemiBold";src:url("/fonts/Raleway-SemiBold.ttf")}html{background-color:#f9f9f9}body{margin:0px;overflow-x:hidden;padding:0px;position:relative;width:100%}body::after{content:"";display:block;height:100px}h1.page-title{font-family:RalewayBold;font-size:48px;margin:0;margin-left:5%;padding-top:0}p.intro-text{font-style:italic;margin-left:10%;width:80%}.page-line{box-shadow:0 -5px 0 0 #f9f9f9 inset,0 -6px 0 0 #000 inset;height:6px;margin-left:5%;width:90%}footer{bottom:0;height:100px;margin:auto;position:absolute;width:100%}footer .footer-container{display:flex;flex-flow:row wrap;justify-content:center;position:relative;width:100%}footer .footer-container .footer-link-wrapper{height:100px;line-height:100px;position:relative}footer .footer-container .footer-link{margin-left:5px;margin-right:5px;position:relative}footer .footer-container .footer-link svg{width:24px;height:24px;fill:currentColor;vertical-align:middle}footer a{color:#21211f;padding:0 .5rem;transition:all .5s ease}footer a:hover{transition:all .5s ease}footer a#footerLinkedIn:hover{color:#1a85bc}footer a#footerSoundcloud:hover{color:#f70}.music-section{height:calc(100vh - 100px - 80px + 8px)}.music-section .selected-tags{margin-top:-34.5px;margin-bottom:16px;margin-left:auto;margin-right:10%;display:flex;flex-direction:row;justify-content:flex-end}.music-section .selected-tags .tag{margin-right:10px}.music-section .tag{color:#686de0;text-decoration:none}.music-section .tag:hover,.music-section .tag:focus{text-decoration:underline}.music-section .tag.disabled{pointer-events:none}.music-list-container{margin-top:10px;margin-left:10%;width:80%;max-height:88%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.music-list-container::-webkit-scrollbar{display:none}.music-list{list-style-type:none;margin-top:0px;max-height:inherit}.mix{display:flex;margin-top:10px;padding:10px;position:relative}.mix .lhs{max-height:215px;position:relative;width:30%}.mix .lhs .link{position:relative}.mix .lhs .link img{height:100%;margin-left:50%;max-width:100%;position:relative;transform:translateX(-50%)}.mix .rhs{display:flex;flex-direction:column;position:relative;width:70%;font-family:Constantia,"Lucida Bright","Lucidabright","Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif}.mix .rhs h3{margin:0;margin-top:15px;position:relative}.mix .rhs .date{font-size:16px;margin-left:auto;margin-top:-21px;position:relative}.mix .rhs iframe{height:60px;height:120px;margin-top:20px;max-width:700px;width:100%}.mix .tags{display:flex;flex-direction:row;margin-top:10px}.mix .tags .tag{margin-right:10px}nav{height:80px;margin-left:-8px;margin-right:-8px;margin-top:-8px;position:relative;top:0px;width:calc(16px + 100%)}nav .dropdown{float:right;margin-right:16px;position:relative;z-index:100}nav .dropdown:hover .menu-icon,nav .dropdown:active .menu-icon,nav .dropdown:focus .menu-icon{height:0}nav .dropdown:hover .menu-icon:before,nav .dropdown:active .menu-icon:before,nav .dropdown:focus .menu-icon:before{transform:translateY(-50%) rotate(45deg);top:50%}nav .dropdown:hover .menu-icon:after,nav .dropdown:active .menu-icon:after,nav .dropdown:focus .menu-icon:after{transform:translateY(50%) rotate(-45deg);bottom:50%}nav .dropdown:hover .nav-list,nav .dropdown:active .nav-list,nav .dropdown:focus .nav-list{padding-bottom:8px;box-shadow:rgba(104,109,224,.3) -5px 5px,rgba(104,109,224,.2) -10px 10px,rgba(104,109,224,.1) -15px 15px,rgba(104,109,224,.05) -20px 20px}nav .dropdown:hover .nav-list .nav-item,nav .dropdown:active .nav-list .nav-item,nav .dropdown:focus .nav-list .nav-item{display:block;transition-delay:.25s}nav .trigger{cursor:pointer;float:right;margin-top:8px;position:relative;appearance:none;background:none;border:none;align-items:center;align-self:center;display:flex;height:3rem;padding:.5rem;width:2.5rem}nav .trigger:focus{outline:none}nav .trigger .menu-icon{--height: .25rem;background-color:#686de0;height:var(--height);width:100%;pointer-events:none;transition:all ease-in-out .25s;z-index:100}nav .trigger .menu-icon:before,nav .trigger .menu-icon:after{background-color:#686de0;height:var(--height);width:100%;transition:all ease-in-out .25s;content:"";position:absolute;left:.5rem;right:.5rem;width:auto}nav .trigger .menu-icon:before{top:.9rem}nav .trigger .menu-icon:after{bottom:.9rem}nav .nav-list{background:#f9f9f9;box-shadow:none;transition:box-shadow 1s ease-in-out;display:flex;flex-direction:column;height:auto;list-style-type:none;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:right;top:56px;width:120px}nav .nav-list:hover,nav .nav-list:active,nav .nav-list:focus{padding-bottom:8px}nav .nav-list:hover .nav-item,nav .nav-list:active .nav-item,nav .nav-list:focus .nav-item{display:block;transition-delay:.25s}nav .nav-list .nav-item{display:none;opacity:0;transition:display .25s ease-in-out;margin:0;padding:0;padding-bottom:4px;padding-top:4px}nav .nav-list .nav-item:hover{background-color:#eaeaea}nav .nav-list .nav-item a p{margin:0;padding-right:36px}nav .nav-list .nav-item.disabled{pointer-events:none}nav .nav-list .nav-item.disabled a{color:#777 !important}.nav-item-1{transform-origin:top center;animation:doot 280ms 40ms ease-in-out forwards}.nav-item-2{transform-origin:top center;animation:doot 280ms 80ms ease-in-out forwards}.nav-item-3{transform-origin:top center;animation:doot 280ms 120ms ease-in-out forwards}.nav-item-4{transform-origin:top center;animation:doot 280ms 160ms ease-in-out forwards}.nav-item-5{transform-origin:top center;animation:doot 280ms 200ms ease-in-out forwards}.nav-item-6{transform-origin:top center;animation:doot 280ms 240ms ease-in-out forwards}.nav-item-7{transform-origin:top center;animation:doot 280ms 280ms ease-in-out forwards}.nav-list::after{transform-origin:top center;animation:doot 20ms 20ms ease-in-out forwards}@keyframes doot{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.07)}100%{opacity:1;transform:scale(1)}}nav .nav-list .nav-link{color:#000;display:block;margin:0;padding:0;text-decoration:none}