@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;700&family=Yeseva+One&display=swap");html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;font-family:"Fira Sans",Verdana,sans-serif;font-weight:400;line-height:1.45;color:#333;display:flex;flex-direction:column;align-items:center;margin:0 auto;width:85.5555556%;max-width:77em}p{font-size:1em;margin-bottom:1.25em;margin-top:0}p strong{font-weight:700}h1,h2,h3,h4,h5{margin:2.75rem 0 1rem;font-family:"Yeseva One",Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:3.052em;text-align:center}h2{font-size:2.441em}h3{font-size:1.953em;margin:1rem auto}h4{font-size:1.563em}h5{font-size:1.25em}small,.text_small{font-size:0.8em}a:link,a:visited{color:#333;text-decoration:none}a:hover,a:focus{color:#6636ce;text-decoration:underline}a:active{color:#3d1f7f;text-decoration:underline}header{margin:2.5rem 0;display:flex;flex-direction:column;align-items:center}header nav ul{list-style:none;padding-left:0px}header nav ul li{float:left;padding:1.5rem}main{width:100%}.skip{position:absolute;left:-200px}.skip:focus{left:0.5em}.hidden{width:1px;height:1px;overflow:hidden}#work,#about,#resume,#contact{margin:1rem auto 1rem auto;padding-top:1.5rem;text-align:center}.col2{columns:2;column-width:26rem;column-gap:2rem}.col2 p{font-size:1.5em;font-weight:300}#resume-link{text-align:center;margin-bottom:2rem}.resume-image{display:block;width:100%;max-width:77rem}.overlay-container{position:relative;width:100%}.overlay-container .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.3s ease;background-color:#6636ce}.overlay-container:hover .overlay{opacity:0.8}.overlay-text{color:#fff;font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center}ul.contact{list-style:none;padding-left:0px;margin:2.5rem auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:50%}ul.contact li{float:left;padding:1rem;text-align:center}ul.contact li a img{filter:invert(20%) sepia(0%) saturate(1482%) hue-rotate(160deg) brightness(91%) contrast(95%);height:2rem;width:2rem}ul.contact li a img:hover{transition:.3s ease;filter:invert(21%) sepia(77%) saturate(3368%) hue-rotate(253deg) brightness(84%) contrast(91%)}#email{font-size:1.75rem;text-align:center}footer{display:flex;flex-direction:column;align-items:center;width:100%}footer .copyright{text-align:center;margin:1rem 0}.cs-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:2.5rem 0}.cs-container .cs-card{flex:0 1 calc(50% - 1em);padding-bottom:2rem}.cs-container .cs-card .cs-logo{width:100%;display:block;border-radius:1rem;-webkit-box-shadow:0 0 24px 4px rgba(0,0,0,0.12);box-shadow:0 0 24px 4px rgba(0,0,0,0.12)}.cs-container .cs-card p{margin-bottom:0.25em}.cs-container .cs-card .cs-description{font-size:1.25em}.cs-container .cs-card .cs-details{font-weight:300}.cs-container .cs-card .cs-details .cs-role{padding-left:3rem}.cs-title-container h2{margin-top:0}.cs-title-container p{margin-bottom:0.25em}.cs-title-container .cs-description{font-size:1.25em}.cs-title-container .cs-details{font-weight:300}.cs-title-container .cs-details .cs-role{padding-left:3rem}.casestudy-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.casestudy-container section,.casestudy-container div{flex:0 1 calc(50% - 1em)}.casestudy-container .cs-figures figure{margin:0 0 2rem 0}.casestudy-container .cs-figures figure img{width:100%;border-radius:1rem;-webkit-box-shadow:0 0 24px 4px rgba(0,0,0,0.12);box-shadow:0 0 24px 4px rgba(0,0,0,0.12)}.casestudy-container .cs-figures figure figcaption{font-weight:300}.sitemap{padding-right:3rem}@media screen and (max-width: 425px){header nav ul li{padding:1rem}.cs-container{flex-direction:column}.cs-container .cs-card{flex:0 1 100%}.casestudy-container{flex-direction:column}.casestudy-container section,.casestudy-container div{flex:0 1 100%}#figures{visibility:visible;margin:1rem 0;line-height:1.15;position:static;width:auto;height:auto;overflow:visible}ul.contact{width:100%}ul.contact li{flex:0 1 calc(50% - 2rem)}}
