.content img,.content video{max-height:300px}html{font-family:Oxygen,Arial,sans-serif;font-size:11pt;overflow-y:scroll}body{margin:0;padding:0}header{border-left:3px solid #06AEE8;transition:border-color .2s;-webkit-transition:border-color .2s}.site-title,header h1{line-height:3em;transition:background-color .2s;-webkit-transition:background-color .2s}.site-title a,header h1 a{display:block;padding-left:1em}footer{line-height:1em;margin-top:1em}.background-video{position:absolute;width:100%;height:auto;z-index:-100}.navigation ul{width:100%;list-style:none;margin:0;padding:0}.navigation li{display:inline-block;transition:background-color .1s;-webkit-transition:background-color .1s}.navigation li:first-child{border-left:0 none}.navigation li a{display:block;padding:10px 20px}.navigation li ul{width:auto;display:none;position:absolute;z-index:100;margin-left:-1px}.content img,.nav-main,.navigation li ul li,.navigation li ul li:first-child,.navigation li:hover ul{display:block}.navigation li a,.navigation li a:hover,.navigation li a:visited{font-weight:400;font-size:1.1em}.nav-mobile{display:none}.container{max-width:978px;margin:0 auto;padding:0 10px 10px;background:rgba(100,100,100,.15)}.content img{max-width:100%;margin:1em auto;padding:.25em;box-sizing:border-box}.content iframe,.content iframe.bandcamp,.content video{margin:0 auto;display:block}.content iframe{width:100%;height:518px;max-width:920px;max-height:518px}.content iframe.bandcamp{border:0;max-width:700px;width:100%;height:472px}.content ul li{list-style-type:disc}.content pre{width:100%;border-radius:.25em}.content pre code{padding:1em;margin:auto;display:block}.content code{border-radius:.25em;padding:0 .5em;display:inline-block}.content h3,.content p,.content pre{max-width:560px;margin:auto}.content p{margin-bottom:.5em}.content ul{max-width:530px;margin:auto auto .5em}h2,h3,h4,p{margin:0}.content h1{font-size:1.5em}.content h2{font-size:1.25em}.content h3{font-size:1.1em}.site-title,h1{margin:0;padding:0;line-height:3em;font-size:2em}h2,h3,h4{line-height:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.1em}.date,p{font-size:1em}a,a:hover,a:visited{text-decoration:none;font-weight:700}.headerimage{width:100%;height:29.3vh;background-size:cover;background-position:center}.date{float:right;margin-top:1.6em}.blog-item{padding-bottom:1em}.blog-item .date{float:right;font-size:.8em;margin:0}.blog-item .content-header{transition:background-color .2s;-webkit-transition:background-color .2s;max-width:560px;padding:0 .5em;margin-bottom:1em}.blog-item .content-header:hover{background:rgba(195,195,195,.3)}.blog-item .content-header h3{padding-left:0;line-height:2em}.blog-item .content-header h3 a{display:block;height:100%;padding-left:0}.blog-item.content-body p{padding-left:1em}.link-grid{margin:0 auto}.link-grid-card{display:inline-block;width:489px;height:200px;border:0;background-size:cover;background-position:center}.link-grid-card a{display:block;width:100%;height:100%;transition:background-color .2s;-webkit-transition:background-color .2s}.link-grid-card span{display:block;margin:auto;text-align:center;line-height:200px;font-size:2em;text-shadow:1px 1px 2px #000}.link-grid-card div{margin:-2em 0 0;line-height:2em;padding:0 1em;text-align:center;text-transform:uppercase;font-weight:400;font-size:1.1em;letter-spacing:.1em}.content-body,.content-header{max-width:920px;margin:0 auto}.content-body{font-size:1.1em;line-height:1.4em}.collapsed{font-size:.8em;padding-bottom:0}.collapsed .content-header{border-bottom-width:1px}.read-link{text-align:right;margin-top:-2em}.read-link a{font-weight:400;font-size:.75em}@media screen and (max-width:1014px){.link-grid-card{width:100%;height:5em;overflow:hidden}.link-grid-card span{line-height:3.25em;font-size:1.5em}.link-grid-card div{display:none}}@media screen and (max-width:768px){.nav-main{display:none;padding:100px}.nav-mobile{display:block}.headerimage{height:10.3em}.navigation ul,.navigation ul li,.navigation ul li ul,.navigation ul li ul li{display:block;position:relative;font-weight:700;font-size:1.1em;border-left-style:none}.navigation ul li ul li,.navigation ul li ul li:nth-child(even),.navigation ul li ul li:nth-child(odd){font-weight:400;font-size:.8em;background-color:#bbb;border-left-style:none}.navigation ul li ul li:hover{background-color:#ddd}.content h3,h3{font-size:1.4em}.content ul,p{font-size:1.3em}p{line-height:1.4em}.content ul ul{font-size:1em}.content iframe{height:273px;max-height:273px}.content iframe.soundcloud{height:518px;max-height:518px}}@media screen and (min-width:1921px){html{font-size:15pt}.container{max-width:1500px}.content h3,.content p,.content pre{max-width:710px}.content ul{max-width:680px}.link-grid-card{display:inline-block;width:50%;height:200px;border:0;background-size:cover;background-position:center}}html{background:#000;color:#BBB}header{border-color:maroon}header:hover{border-color:#F31}.site-title,header h1{background:rgba(10,10,10,1)}.site-title:hover,header h1:hover{background:rgba(30,30,30,1)}.navigation ul,footer{background:rgba(100,100,100,.1)}.navigation li,.navigation li ul li,.navigation li ul li:first-child{background:rgba(39,39,39,1);border-left:1px solid #444}.navigation li ul li,.navigation li ul li:first-child{border-bottom:1px solid #444}.navigation li ul li:hover,.navigation li ul li:hover:nth-child(even),.navigation li:hover{background:rgba(50,50,50,1)}.navigation li ul li:nth-child(even){background-color:rgba(45,45,45,1)}.link-grid-card a{background-color:rgba(5,0,10,.65)}.link-grid-card a:hover{background-color:rgba(255,5,255,.05)}.link-grid-card div{background:rgba(0,0,0,.5)}.content img{background-color:#222}.content code,.content pre{background-color:#080808}a,a:hover,a:visited,h1,h2,h3{color:#fff}.date{color:#8c8c8c}.blog-item a,.blog-item a:visited{color:#DDD}.blog-item a:hover{color:#FFF}.blog-item .content-header{background:rgba(30,30,30,1);border-bottom-color:#444}.collapsed:nth-child(odd){background-color:#333}@media screen and (max-width:768px){.navigation ul li ul li,.navigation ul li ul li:nth-child(even),.navigation ul li ul li:nth-child(odd){background-color:#111}.navigation ul li ul li:hover{background-color:#444}}