:root{--dark-color:#1C261E;--light-color:#eee;--main-section-bg:#bbc6aa;--font-size:16px;--h1-size:2rem;--h2-size:1.4rem;--blockquote-size:1.2rem;--line-height:1.6;--font-size-small:0.9;--gray-dark:#111;--height-header:4rem;--height-footer:3rem;--width-main:960px;--width-aside:310px}*{margin:0;padding:0;box-sizing:border-box;font-size:var(--font-size);font-family:ibm plex serif,serif}body{line-height:var(--line-height);background-color:var(--main-section-bg)}p{margin-bottom:calc( var(--line-height)*1rem );color:var(--gray-dark)}ul,ol{margin-left:1rem;margin-bottom:1rem}ul ul{margin-left:2rem;margin-bottom:0}h1,h2{color:var(--dark-color);font-family:ibm plex sans,sans-serif}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size);padding-top:var(--h2-size);padding-bottom:calc(.5 * var(--h2-size))}#home-logo{width:calc(var(--height-header) * .55);height:calc(var(--height-header) * .55)}blockquote{background-color:#f9f9f9;padding-left:2rem;margin-bottom:calc( var(--line-height) * 1rem)}blockquote p{font-size:var(--blockquote-size);margin-bottom:0}header{height:var(--height-header);background-color:var(--dark-color)}header .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:960px;padding:0 1rem;margin:0 auto}header .header-content nav{display:flex;padding:0;margin:0}header .header-content nav #menu-button-checkbox,.bars-icon{display:none}header .header-content nav .bars-icon #bars{height:1.5rem;width:1.5rem;cursor:pointer;fill:var(--light-color)}@media only screen and (max-width:880px){header .header-content nav .bars-icon{display:block}header .header-content nav ul{display:none}header .header-content nav #menu-button-checkbox:checked~ul{display:flex;flex-direction:column;position:absolute;top:var(--height-header);right:0;background-color:var(--dark-color);z-index:999}header .header-content nav #menu-button-checkbox:checked~ul li{padding:0;margin:0;padding:1rem 2rem;border-bottom:1px solid var(--light-color)}}header .header-content a{color:var(--light-color);line-height:0}header .header-content nav ul{margin:0;list-style-type:none}header .header-content ul li{display:inline-block;padding-left:1rem}header .header-content ul li:first-child{padding-left:0}main{min-height:calc(100vh - 7rem);height:100%;max-width:var(--width-main);width:100%;margin:0 auto;background-color:var(--light-color)}main .content-container{max-width:640px;padding:var(--h1-size)1rem 1rem}main aside{max-width:var(--width-aside);padding:var(--h1-size)1rem 1rem}main .content-container,aside{display:inline-block;vertical-align:top}.technical-skills h1{font-size:1rem;font-weight:400;margin-bottom:.5rem;letter-spacing:.1rem}.technical-skills ul{list-style-type:circle}main h1{line-height:var(--h1-size);margin-bottom:var(--h1-size)}main .cover-image-container{width:100%;overflow:hidden}main img.cover-image{vertical-align:bottom;width:100%}main .blog-subheader{display:flex;flex-direction:column;font-size:calc(var(--font-size-small) * var(--font-size));margin-bottom:var(--h1-size)}main .blog-content{padding-bottom:calc(5 * var(--h1-size));width:100%}main aside .sidephotos h1{font-size:calc(var(--font-size-small) * var(--font-size));margin-bottom:.5rem}main aside .sidephotos-container{max-width:var(--width-aside);display:flex;flex-flow:row wrap}main aside .sidephotos-container .sidephoto-container{max-width:calc(.4 * var(--width-aside));padding-bottom:1rem;padding-right:1rem}main aside .sidephoto-container img{width:100%}main .blog-subheader p{margin:0;padding:0}#comment-area{margin:1rem 0}main .list-content ul{margin:0;list-style-type:none}main .list-content ul li{margin-bottom:3rem}main .list-content ul li:last-of-type{margin-bottom:1rem}main .homepage{position:relative;background-image:url(view-from-mad-sq-park.jpg);background-size:cover;background-repeat:no-repeat;width:100%;height:100%}main .homepage .latest-blog-wrap{position:absolute;bottom:1rem;left:1rem;border:1px solid var(--dark-color);min-width:200px;width:50%;margin:0;padding:1rem;background-color:var(--light-color);opacity:97%;box-shadow:2px 2px 5px var(--dark-color)}main .homepage .latest-blog-wrap ul{list-style-type:none}main .homepage .latest-blog-wrap ul li{max-height:calc( 2rem + (var(--line-height) * (var(--font-size-small) * var(--font-size))) + 1rem + (var(--line-height) * 1rem) + (9 * (var(--line-height) * 1rem)) );display:flex;flex-direction:column}main .homepage .latest-blog-wrap h1{font-size:1rem;margin-bottom:0;flex:0 0 1rem}main .homepage .latest-blog-wrap ul li .subheader{margin-bottom:1rem;font-size:calc(var(--font-size-small) * var(--font-size));flex:0 0 1rem}main .homepage .latest-blog-wrap ul li .latest-blog-summary{overflow:hidden;text-overflow:ellipsis}main .homepage .latest-blog-wrap ul li .latest-blog-summary p{overflow:hidden;text-overflow:ellipsis}main .homepage .latest-blog-wrap ul li .latest-blog-readmore{flex:0 0 1rem}main .gallery-container .intro{padding:var(--h1-size)1rem 1.5rem}main .gallery-container .intro p{margin:0}main .gallery-container article{max-width:960px;display:flex;align-items:flex-start;flex-flow:row wrap;padding-bottom:6.5rem}main .gallery-container article:last-of-type{padding-bottom:4.5rem}main .gallery-container article .gallery-image{max-width:640px;vertical-align:top;line-height:0}main .gallery-container article .gallery-image img{width:100%}main .gallery-container article .gallery-description{width:310px;padding-left:2rem;padding-right:1rem;vertical-align:top}@media only screen and (max-width:calc(640px + 310px - 1px)){main .gallery-container article .gallery-description{padding:1rem}}main .contactform-content main .contactform-content #contact-email{display:none}main .contactform-content .visually-hide{width:1px!important;height:1px!important;border:0!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}main .contactform-content form label{display:flex;flex-direction:column;margin-bottom:1rem}main .contactform-content form label input{width:20rem}main .contactform-content form label textarea{width:20rem}main .contactform-content form button{padding:1rem}footer{height:var(--height-footer);background-color:var(--dark-color)}footer .footer-content{display:flex;align-items:center;max-width:960px;height:100%;padding:0 1rem;margin:0 auto}footer .footer-content p{margin:0;color:var(--light-color)}.float-left{float:left;max-width:50%;margin-right:1rem}.float-right{float:right;max-width:50%;margin-left:1rem}.clear-both{clear:both}.p-list-header{margin-bottom:calc( var(--line-height) * .25rem )}