@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,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:.67em 0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}[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}[hidden]{display:none}html{box-sizing:border-box;font-family:sans-serif}*,:after,:before{box-sizing:inherit}h1,h2,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}ul{margin:0;padding:0}ul{list-style:none}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{border:0 solid #e2e8f0}img{border-style:solid}input::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input{padding:0;line-height:inherit;color:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}canvas,iframe,img,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-gray-200{background-color:#edf2f7}.bg-gray-300{background-color:#e2e8f0}.bg-gray-400{background-color:#cbd5e0}.bg-gray-500{background-color:#a0aec0}.bg-gray-600{background-color:#718096}.border-gray-600{border-color:#718096}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:flex}.inline-flex{display:-webkit-inline-box;display:inline-flex}.hidden{display:none}.items-center{-webkit-box-align:center;align-items:center}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.flex-grow-0{-webkit-box-flex:0;flex-grow:0}.font-hairline{font-weight:100}.font-thin{font-weight:200}.font-semibold{font-weight:600}.h-3{height:.75rem}.h-5{height:1.25rem}.leading-none{line-height:1}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-4{padding:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pt-16{padding-top:4rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.text-center{text-align:center}.text-white{color:#fff}.text-gray-300{color:#e2e8f0}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-800{color:#2d3748}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xxs{font-size:.5rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.w-3{width:.75rem}.w-5{width:1.25rem}.w-full{width:100%}html{scroll-behavior:smooth}body{background-color:#fef9ff;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Open Sans,sans-serif;color:#4a5568;letter-spacing:.025em}a{color:#2d3748;-webkit-transition:color .3s ease;transition:color .3s ease}a:hover{color:#718096}#home{background-image:url(../images/a16eb216691e1f0a368539ec14bf8c71.jpg);background-repeat:no-repeat;background-position:bottom;background-size:contain;min-height:100vh}.heading{font-weight:200;letter-spacing:.1em;font-size:1.25rem;text-transform:uppercase}#header{background-color:rgba(254,249,255,.9);-webkit-transition:background-color .4s ease;transition:background-color .4s ease;z-index:1001}#header.active{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background-color:rgba(237,242,247,.9)}nav a{font-weight:100;letter-spacing:.1em;display:block}.aspect-ratio{position:relative;overflow:hidden;padding-top:56.25%}.aspect-ratio>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#video{background-color:#cbd5e0}.description{margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem}.code-project,.release,.video-item{border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);overflow:hidden;background-color:#edf2f7;margin-bottom:2rem;border-color:#718096}.code-project img,.release img,.video-item img{max-width:100%}.code-project div,.release div,.video-item div{padding:1rem}.code-project div p.title,.release div p.title,.video-item div p.title{line-height:1;margin-bottom:.5rem;font-weight:600}.code-project div p.artist,.release div p.artist,.video-item div p.artist{text-transform:uppercase;font-size:.75rem;color:#718096}.code-project div p.label,.release div p.label,.video-item div p.label{text-transform:uppercase;font-size:.5rem;color:#718096}.code-project div p.formats,.release div p.formats,.video-item div p.formats{font-size:.875rem;margin-top:.75rem}.btn{padding:.25rem .5rem;background-color:#a0aec0;color:#fff;border-radius:.25rem;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;margin-right:.5rem;letter-spacing:.025em;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.btn .feather{color:#e2e8f0;width:.75rem;height:.75rem;margin-right:.25rem}.btn .feather,.btn span{display:inline-block}.btn:hover{background-color:#718096;color:#fff}.feather{display:inline-block;height:1rem;width:1rem;margin-right:.1rem;color:#718096}.mobile-nav .feather{height:1.5rem;width:1.5rem;margin-right:0}footer{font-size:1.25rem}footer .feather{width:1.25rem;height:1.25rem;display:block}@media (min-width:768px){.code,.music,.video{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}.code-project,.release,.video-item{margin-bottom:0}}@media (min-width:1024px){.code,.music,.video{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem}}@media (min-width:640px){.sm\:px-1{padding-left:.25rem;padding-right:.25rem}}@media (min-width:768px){.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:-webkit-box;display:flex}.md\:hidden{display:none}.md\:items-center{-webkit-box-align:center;align-items:center}.md\:justify-between{-webkit-box-pack:justify;justify-content:space-between}.md\:flex-grow-0{-webkit-box-flex:0;flex-grow:0}.md\:flex-shrink-0{flex-shrink:0}.md\:ml-8{margin-left:2rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:px-0{padding-left:0;padding-right:0}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pt-20{padding-top:5rem}.md\:text-left{text-align:left}}