html{font-size:calc(.6em + 1vw)}body{margin:0;font-size:14px;font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif}header{display:flex;flex-direction:column;align-items:center;justify-content:stretch}header h1{display:block}header nav{width:100%;display:flex;background-color:#a6e2ed;padding:.5rem 0}header nav ul{display:flex;padding:0;align-items:center;margin:1rem}@media (min-width: 768px){header nav ul{margin:1rem 8rem}}@media (min-width: 1024px){header nav ul{margin:1rem 12rem}}@media (min-width: 1500px){header nav ul{margin:1rem 18rem}}header nav ul li{margin:0 1rem 0 0}header nav ul li img{width:24px;height:24px}header a{text-decoration:none}textarea{font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;font-weight:400}pre{color:#0e8f0c}a{color:#196c7b;text-decoration:none;font-weight:700}a:hover{color:#26a4bb}h1{color:#bbb;font-size:4em;margin:.25em 0;letter-spacing:-3px}h1:hover{color:#7b7b7b}h2{font-size:2.5em;color:#bbb;letter-spacing:-2px;margin:0;line-height:1em}h3{font-size:1.4em;color:#bbb;letter-spacing:-2px;margin:0;padding:0}blockquote,p.first{font-style:italic}pre{max-width:100%;overflow:auto}hr{background-color:#196c7b;height:1px;border:0;margin:1rem}@media (min-width: 768px){hr{margin:1rem 8rem}}@media (min-width: 1024px){hr{margin:1rem 12rem}}@media (min-width: 1500px){hr{margin:1rem 18rem}}article,.page{padding:2rem 0 0;line-height:1.6}article blockquote,.page blockquote,article h2,.page h2,article h3,.page h3,article h4,.page h4,article ol,.page ol,article pre,.page pre,article table,.page table,article time,.page time,article ul,.page ul{margin:1rem}@media (min-width: 768px){article blockquote,.page blockquote,article h2,.page h2,article h3,.page h3,article h4,.page h4,article ol,.page ol,article pre,.page pre,article table,.page table,article time,.page time,article ul,.page ul{margin:1rem 8rem}}@media (min-width: 1024px){article blockquote,.page blockquote,article h2,.page h2,article h3,.page h3,article h4,.page h4,article ol,.page ol,article pre,.page pre,article table,.page table,article time,.page time,article ul,.page ul{margin:1rem 12rem}}@media (min-width: 1500px){article blockquote,.page blockquote,article h2,.page h2,article h3,.page h3,article h4,.page h4,article ol,.page ol,article pre,.page pre,article table,.page table,article time,.page time,article ul,.page ul{margin:1rem 18rem}}article h3.year,.page h3.year{margin-top:1rem}article .readinglist li,.page .readinglist li{font-style:italic;display:flex;justify-content:flex-start}article .readinglist li em,.page .readinglist li em{color:#0e8f0c}article p,.page p{margin:1rem;word-break:break-word}@media (min-width: 768px){article p,.page p{margin:1rem 8rem}}@media (min-width: 1024px){article p,.page p{margin:1rem 12rem}}@media (min-width: 1500px){article p,.page p{margin:1rem 18rem}}article p img,.page p img{max-width:100%}article blockquote,.page blockquote{font-size:.9em;padding-left:1rem}article figure,.page figure{margin:1rem 0;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){article figure,.page figure{margin:1rem}}@media (min-width: 768px) and (min-width: 768px){article figure,.page figure{margin:1rem 8rem}}@media (min-width: 768px) and (min-width: 1024px){article figure,.page figure{margin:1rem 12rem}}@media (min-width: 768px) and (min-width: 1500px){article figure,.page figure{margin:1rem 18rem}}article figure img,.page figure img{max-width:99.5%;margin:0 auto}article figure img.border,.page figure img.border{border:solid 1px #888}article figure figcaption,.page figure figcaption{margin-top:.25rem;margin-bottom:0}article .project-title h3,.page .project-title h3{margin:0!important;padding:0!important}.loading{display:flex;align-items:center}.loading img{width:50px}.code{font-family:Courier New,Courier,monospace;color:#888;font-size:.9rem}#comments{margin:1rem}@media (min-width: 768px){#comments{margin:1rem 8rem}}@media (min-width: 1024px){#comments{margin:1rem 12rem}}@media (min-width: 1500px){#comments{margin:1rem 18rem}}#comments p{font-size:.9em}#comments hr{margin:0 0 1rem}time{font-style:italic}#content .articles{margin:1rem}@media (min-width: 768px){#content .articles{margin:1rem 8rem}}@media (min-width: 1024px){#content .articles{margin:1rem 12rem}}@media (min-width: 1500px){#content .articles{margin:1rem 18rem}}#content .articles ul li{margin:.5rem 0}#content .articleHeader{margin:1rem}@media (min-width: 768px){#content .articleHeader{margin:1rem 8rem}}@media (min-width: 1024px){#content .articleHeader{margin:1rem 12rem}}@media (min-width: 1500px){#content .articleHeader{margin:1rem 18rem}}#content .articleFooter{margin:1rem;display:block}@media (min-width: 768px){#content .articleFooter{margin:1rem 8rem}}@media (min-width: 1024px){#content .articleFooter{margin:1rem 12rem}}@media (min-width: 1500px){#content .articleFooter{margin:1rem 18rem}}#art{display:flex;flex-direction:column;padding:1rem;align-items:center}#art h2{margin:1rem}#art .buttons{display:flex;justify-content:center}#art .buttons button{margin:1rem;background-color:#a6e2ed;border:solid 1px #bbb}#art #metadata{margin:0 0 1rem}#art #container{display:flex;max-width:100%;border:solid 1px #f00}#art #container canvas{flex:0 1 auto;max-width:100%}ul{list-style:none;padding:0}ul.tags{display:flex;margin:.5rem 0 0}ul.tags li{background-color:#d0f0f6;color:#196c7b;margin:0 .25rem 0 0;border-radius:.5rem;padding:.25rem}ul.tags li a{text-decoration:none}button{font-size:1em;color:#000;cursor:pointer;border-radius:.25rem;padding:.5rem;border:0;background-color:#d0f0f6}button:hover{background-color:#91dbe9}figure{display:flex;flex-direction:column;align-items:stretch}figure img{max-width:100%;max-height:100%}figure figcaption{font-style:italic;color:#888;margin:.25rem;text-align:center}.admin{margin:1rem}@media (min-width: 768px){.admin{margin:1rem 8rem}}@media (min-width: 1024px){.admin{margin:1rem 12rem}}@media (min-width: 1500px){.admin{margin:1rem 18rem}}.admin h1{margin-bottom:2rem}.admin #withdrawal{display:flex}.admin .preview{margin:2rem 0 1rem;line-height:1.6;word-break:break-word}.admin .preview button{background-color:#a6e2ed;border:solid 1px #bbb;width:150px;margin:1rem 0 0}.admin .preview p{word-break:break-word}.admin .preview img.border{border:solid 1px #888;padding:.5rem}.admin .preview h3.year{margin-top:1rem}.admin .preview .readinglist li{font-style:italic;display:flex;justify-content:flex-start}.admin .preview .readinglist li em{color:#0e8f0c}.admin .heading{display:flex;align-items:center;margin:0 0 1rem}.admin .heading h2{margin:0 1rem 0 0}.admin .heading #drafts{background-color:#a6e2ed;border:solid 1px #bbb}.admin .heading #drafts.draftMode{background-color:#bbb}.admin .heading button{margin:0 .25rem}.admin ul.articlesList li{display:flex;justify-content:space-between;align-items:center}.admin ul{margin:0;padding:0}.admin ul li div{display:flex;flex-direction:column}.admin ul li div .topRow{flex-direction:row;flex-wrap:wrap;align-items:center}.admin ul li div .topRow span{margin:0 0 0 .25rem}.admin ul li button{margin:.1rem .25rem .1rem 0;text-align:left}.admin ul li button.draft{color:#888}.admin ul li button.delete{margin:0 0 0 .5rem;background-color:#b00;border:0;color:#fff}.admin ul li button.delete:hover{background-color:#ff3c3c}.admin ul.photos li{display:flex;flex-direction:column;align-items:initial;margin:0 0 .5rem}.admin ul.photos li div{padding:0}.admin ul.photos li div figure{display:flex;margin:0}.admin #formContainer{display:flex;flex-direction:column;justify-content:center;align-items:stretch;margin:1rem 0 0;padding:1rem 0 0;border-top:solid 1px #bbb}.admin #formContainer #source{margin:.5rem 0;flex-direction:column}.admin #formContainer form{display:grid;grid-template-columns:150px auto}.admin #formContainer form #photos{margin:.5rem 0}.admin #formContainer form #photos ul li div{margin:.5rem}.admin #formContainer form #photos ul li i{word-break:break-all}.admin #formContainer form label{align-self:center}.admin #formContainer form label#featurePhoto{margin-right:.5rem}.admin #formContainer form input{padding:.25rem;margin:.25rem 0;justify-self:start;align-self:center}.admin #formContainer form .textarea{display:flex;flex-direction:column;margin:.25rem 0}.admin #formContainer form .textarea textarea{width:100%;padding:.25rem}.admin #formContainer form button{border:solid 1px #bbb}.admin #formContainer form #savingControls{grid-column:1 / span 2;display:flex;align-items:center;justify-content:space-between;margin:1rem 0 0}.admin #formContainer form #savingControls button{background-color:#a6e2ed;width:150px}.admin #formContainer form #savingControls #save{display:flex;align-items:center}.admin #formContainer form #savingControls #save #report{margin:0 .5rem 0 0;color:#0e8f0c;font-weight:700}footer{background-color:#a6e2ed;padding:1em}footer p{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}