@import"https://fonts.googleapis.com/css?family=Baloo|Roboto|Work+Sans";body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/NARA.49638aa1-CuTnn4lW.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;min-height:100vh;text-align:center;font-family:Work Sans,sans-serif;color:#222;font-size:13pt;line-height:20pt;background-attachment:fixed}footer{margin:20px 20px 5px;color:#add8e6;background-color:#000;display:inline-block;font-weight:lighter;padding:2px 5px;font-size:10pt}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#701516}b{font-weight:700}.header{background:#fff;padding:8px;display:flex;position:fixed;justify-content:space-around;width:calc(100vw - 16px)}.header-name{font-size:20pt;font-weight:900;font-family:Work Sans,sans-serif;padding:8px;cursor:pointer}.tiny-nav{display:none}.nav-title{padding:8px;margin-right:1em;margin-left:1em;cursor:pointer;color:#444}.nav-title:hover{font-weight:700;color:#000}.nav-title a{color:#444;text-decoration:none}.subtitle{margin-top:calc(20pt + 34px);color:#56ff06;font-family:monospace;background:#000;display:inline-block;padding:8px}.row{background-color:#f5f5f5e6;margin:1.5em 1em 1em;display:flex;text-align:left}.row.nav{background-color:transparent;margin-bottom:4px}.row.nav .title{color:#fff8dc;font-size:10pt;padding:2px 30px 2px 8px;text-transform:uppercase;font-weight:700;border:1px solid gainsboro}.row.heading{display:flex;flex-direction:column;padding:30px;background-color:#fff}.row.heading .content{width:calc(100% - 12em);margin:auto}.row.ux{margin-top:0;margin-bottom:4px}.row.ux .row-left{background-color:#f5f5f580}.row.ux h1{font-family:Work Sans,sans-serif;font-size:20pt;font-weight:900;text-transform:uppercase;text-decoration:overline}.row.ux h2{font-weight:100;text-align:center;line-height:1.5em}.row.ux h3{color:#0a3348;font-weight:100;margin-bottom:2px}.row.ux span,.row.ux li{line-height:unset;font-size:11pt}.row-left{min-width:12em;max-width:12em;padding:10px 10px 1em;border-right:2px solid #ddd}.row-right{background-color:#fff;display:inline-block;min-height:100px;flex:1 1 auto;padding:20px 20px 1em}.Bio-row{margin-top:40%}.Bio-image{resize:both;background-repeat:no-repeat;height:250px;margin-bottom:10px}.Bio-contact{text-transform:uppercase;line-height:20pt;font-size:10pt;color:#000;padding:5px}.Bio-intro-detail{font-size:10pt;font-style:italic}.project-header{color:#fff;text-align:center;margin:auto;top:.25em}.paper{margin:10px}.paper-image{background-size:cover;background-repeat:no-repeat}.project-title{font-weight:700;width:100%;margin-bottom:10px;text-align:right}.art-header{text-align:left;margin-left:20px;opacity:1;top:.25em}.cube{background-color:#f5f5f5e6;margin:1em .5em .5em;display:inline-flex;flex-direction:column;text-align:left;min-width:25vw;max-width:30vw}.cubeContent{display:block;height:25vw;width:100%}.cubeDesc{background-color:#fff;display:inline-block;min-height:5vw;padding:10px 10px 1em}.Portfolio{-webkit-column-count:3;-webkit-column-gap:0px;-moz-column-count:3;-moz-column-gap:0px;column-count:3;column-gap:0px}.artImage{padding:5px;width:calc(100% - 10px);height:auto;flex-flow:wrap;justify-content:flex-start;vertical-align:top;max-height:35vw;background-size:cover}.githubcard{margin:1.5em}@media(max-width:1200px){.Portfolio{-moz-column-count:4;-webkit-column-count:4;column-count:4}}@media(max-width:900px){.Portfolio{-moz-column-count:2;-webkit-column-count:2;column-count:2}.cube{max-width:calc(50vw - 3em)}.artImage{max-height:none}}@media(max-width:700px){.Portfolio{-moz-column-count:1;-webkit-column-count:1;column-count:1}.cube{max-width:100%}.artImage{max-height:none}}.imageFrame{width:50vw;padding:10px;margin:auto auto 2em}.imageFrame img{width:100%}.imageCaption{text-align:justify;font-size:small;color:#888;width:90%;margin:auto;line-height:1.25em}@media(max-width:768px){.nav-title{display:none}.tiny-nav{display:flex;justify-content:center}.tiny-nav a{color:#fff;font-family:monospace;text-decoration:overline;margin:8pt;font-size:smaller}.subtitle{width:100%;font-size:smaller}.row{flex-direction:column}.row-left{max-width:100%;margin:auto;padding-bottom:10px}.Bio-image{width:100%;max-width:20em;height:unset}.Bio-contact{text-align:center}.project-title{text-align:center;margin-bottom:0}}