@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);@import url(https://fonts.googleapis.com/css?family=Kanit:500,600&display=swap);html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:normal normal normal 1rem/1.6 -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:84%!important}body{color:#404040;font-size:1rem}@media (min-width:620px){body{font-size:1.2rem}}h1,h2,h3,h4,h5{font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3;color:#111}h1,h1:not(:first-child),h2,h2:not(:first-child),h3,h3:not(:first-child),h4,h4:not(:first-child),h5,h5:not(:first-child){margin:0 0 1rem}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:3rem}h1{font-size:1.75rem}h1,h2{font-weight:700}h2{font-size:1.5rem;border-bottom:2px solid #ebebeb;padding-bottom:.5rem}h3{font-size:1.25rem;font-weight:700}h4{font-size:1.1rem}h4,h5{font-weight:600}h5{font-size:1rem}@media (min-width:620px){h1,h2,h3,h4,h5{margin:0 0 2rem}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child){margin:0 0 1.5rem}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:3.5rem}h1{font-size:2.25rem}h2{font-size:2.2rem}h3{font-size:1.75rem}h4{font-size:1.6rem}h5{font-size:1.3rem}}a{color:#5183f5;text-decoration:none;font-weight:600}a:active,a:focus,a:hover{color:#2161f2}.custom-link a:not(.button):not(.anchor):not(.gatsby-resp-image-link),.page a:not(.button):not(.anchor):not(.gatsby-resp-image-link),.post a:not(.button):not(.anchor):not(.gatsby-resp-image-link){border-bottom:2px solid #e2eafd}.custom-link a:not(.button):not(.anchor):not(.gatsby-resp-image-link):hover,.page a:not(.button):not(.anchor):not(.gatsby-resp-image-link):hover,.post a:not(.button):not(.anchor):not(.gatsby-resp-image-link):hover{color:#2161f2;background:#f0f4fe;border-bottom:2px solid #2161f2}.custom-link a:not(.button):not(.anchor):not(.gatsby-resp-image-link):active,.custom-link a:not(.button):not(.anchor):not(.gatsby-resp-image-link):focus,.page a:not(.button):not(.anchor):not(.gatsby-resp-image-link):active,.page a:not(.button):not(.anchor):not(.gatsby-resp-image-link):focus,.post a:not(.button):not(.anchor):not(.gatsby-resp-image-link):active,.post a:not(.button):not(.anchor):not(.gatsby-resp-image-link):focus{color:#2161f2;background:#f0f4fe;border-bottom:2px dashed #2161f2}mark{background:#ffeea8;padding:0 .2rem}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.vertical-center{display:flex;align-items:center;justify-content:center}.flex{display:flex}.show{display:block!important}.hide{display:none!important}.invisible{visibility:hidden}.green{color:#1fc844}.pink{color:#ff5a5f}.blue{color:#5183f5}.yellow{color:#fec623}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.nav{position:fixed;width:100%;top:0;left:0;z-index:3;background:#fff}.nav.scroll{box-shadow:1px 2px 18px rgba(0,0,0,.1)}.nav-container{padding:0 1.5rem;height:55px;max-width:800px;margin:auto;justify-content:space-between;-webkit-transition:height .3s ease;transition:height .3s ease}.brand a,.nav-container{display:flex;align-items:center}.brand a{color:#333;margin-right:0;font-weight:600;font-size:1.3rem}.brand a:focus,.brand a:hover{color:#000}.brand .text{display:block}.links{flex-direction:row;justify-content:flex-end;flex:1 1}.links,.links a{display:flex;align-items:center;margin:0}.links a{font-size:1.05rem;font-weight:500;padding:.75rem;color:rgba(0,0,0,.45);line-height:1.2;text-align:center}.links a:active,.links a:hover{color:#111}@media (min-width:620px){.nav.scroll .nav-container{height:60px}.nav.scroll .links a.active,.nav.scroll .links a:active,.nav.scroll .links a:hover{color:#111}.nav .nav-container{height:90px;padding:0 2rem}.nav .brand a{font-size:1.5rem}.nav .brand .text{display:block}.nav .links{display:flex;flex-direction:row;justify-content:space-between;flex:unset;height:100%}.nav .links a{font-size:1.2rem;margin:0 1rem;padding:1rem .5rem;border-bottom:2px solid transparent}.nav .links a.active{color:#111}}#main-content{margin-top:55px;padding:40px 0 0;min-height:calc(100vh - 162px)}@media (min-width:620px){#main-content{margin-top:92px;padding:60px 0 0;min-height:calc(100vh - 219px)}}.container{max-width:800px;padding:0 1.5rem;margin-left:auto;margin-right:auto}@media (min-width:620px){.container{padding:0 2rem}}.footer{margin-top:2.5rem;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.6)}.footer .copyright{font-size:1rem!important;margin-top:1rem!important}.footer div{display:flex;align-items:center;flex-direction:column;padding-bottom:1.5rem}@media (min-width:620px){.footer{height:100px}}.profile{display:flex;align-items:center;justify-content:center}.profile .photo{border-radius:1rem;margin-bottom:0;min-width:250px}.profile .photo:hover img{opacity:1!important;-webkit-transition:none!important;transition:none!important}.profile .photo:hover img+picture>img{opacity:0!important}.profile .photo:hover span{opacity:1!important}.lead{margin:0 auto;font-size:1.1rem}.lead .elevator{margin:2rem 0 0}.lead h1{margin-top:0;font-weight:700;font-size:3.5rem;margin-bottom:1.5rem}.lead p{font-size:1.25rem}@media (min-width:620px){.lead{display:flex;align-items:center;font-size:1.2rem}.lead .elevator{margin-left:3.5rem}.lead h1{font-size:4rem}.lead p{font-size:1.5rem;max-width:550px}}.front-page{margin-top:2rem}.front-page h2{display:flex;align-items:center;border-bottom:0;padding-bottom:0}.front-page h2 a.view-all{display:inline-block;padding:.4rem .6rem;background:#f2f2f2;border-radius:4px;color:#5a5a5a;font-size:1rem;font-weight:500;margin:.25rem 1rem 0 2rem}.front-page h2 a.view-all:focus,.front-page h2 a.view-all:hover{background:#e5e5e5}.photoset-listing{display:flex;align-items:flex-start;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%}.photoset-listing .photoset-item{margin-bottom:4rem}.photoset-listing .photoset-item .link-text-hover:hover h3{color:rgba(0,0,0,.45);-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.photoset-listing .photoset-item .cover{margin-bottom:0;min-width:250px}.photoset-listing .photoset-item .title{text-align:center;margin-top:2rem}.photoset-listing .photoset-item .title h3{font-size:1rem;font-weight:500;font-family:Kanit,sans-serif;letter-spacing:1px}@media (min-width:620px){.photoset-listing{display:flex;align-items:center;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.photoset-listing .photoset-item{width:360px}.photoset-listing .photoset-item .cover{margin-bottom:0;min-width:250px}.photoset-listing .photoset-item h3{font-size:1.3rem;font-weight:500;margin:.5rem 0 2rem}}.section{margin:40px 0}.section:first-of-type{margin-bottom:0}@media (min-width:620px){.section{margin:4rem 0}}.post-meta{font-size:.8rem;color:rgba(0,0,0,.6);display:inline-block}.post-meta .date{margin-right:.5rem}.post-meta .photo-total{margin:0 .5rem}@media (min-width:620px){.post-meta{font-size:.9rem}}.single-header{margin-bottom:0;display:flex}.single-header .flex{display:flex;flex-direction:column}.single-header h1{margin:.5rem 0;font-weight:600;font-family:Kanit,sans-serif}.single-header .post-meta{margin-bottom:1rem}@media (min-width:620px){.single-header h1{margin:0 0 .5rem}}.tag-container span{display:inline-block;padding:.3rem .5rem;background:#f2f2f2;border-radius:4px;color:#5a5a5a;font-size:.8rem;font-weight:400;margin:0 .5rem .5rem 0}.tag-container span .count{color:#ff5a5f;font-weight:700;margin-left:.25rem}.tag-container span:active,.tag-container span:focus,.tag-container span:hover{background:#e5e5e5;color:#404040}@media (min-width:620px){.tag-container span{font-size:.9rem;font-weight:500;padding:.3rem .8rem}.tag-container span .count{margin-left:.5rem}}.photo-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}.photo-container .photo-item{margin:1.5rem 0;display:flex;align-items:center}.photo-container .photo{height:160px;width:160px;max-width:160px;max-height:160px}@media (min-width:620px){.photo-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:center}.photo-container .photo{height:340px;width:340px;max-width:340px;max-height:340px}}::-moz-selection{background:rgba(14,190,223,.7);color:#111}::selection{background:rgba(14,190,223,.7);color:#111}