html,body{height:100%;width:100%;margin:0;padding:0;background-color:#fff;font-size:.9rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333}h1{font-size:2rem;color:#47546c}a{color:#47546c;text-decoration:underline}a:hover{text-decoration:none}ul{list-style:square}#root{height:100%;width:100%;box-sizing:border-box}#content{display:flex;height:100%;width:100%;box-sizing:border-box;flex-direction:column;padding:1rem}#content #header{box-sizing:border-box}#content #header>*{display:inline-block}#content #header #links{margin-left:1rem}#content #header #links>a{display:inline-block;margin-right:1rem;font-size:1.1rem}#content .page{box-sizing:border-box;overflow:hidden;flex-grow:1}#content .page #projects{display:flex;max-width:1400px;justify-content:center}#content .page #projects .content{max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr)}#content .page #projects .project{position:relative;margin:3%;background-color:#e0e4eb}#content .page #projects .project:hover{background-color:#d1d6e1}#content .page #projects .project a.link{display:block;height:100%;width:100%;box-sizing:border-box;padding:3% 3% 6%;text-decoration:none}#content .page #projects .project .thumbnailContainer{display:flex;justify-content:center}#content .page #projects .project .thumbnailContainer .thumbnail{min-width:66px;max-width:66%}#content .page #projects .project h3{text-align:center;font-size:1.25rem;text-decoration:underline}#content .page #projects .project h4{margin:0;padding:0;color:#333;text-decoration:none}#content .page #projects .project .description{color:#333;text-decoration:none}#content .page #projects .project .date{position:absolute;right:3%;bottom:1%;font-weight:700;text-align:right}#content .page #experiences,#content .page #experiencesBelow{height:100%;max-height:50%;width:100%;box-sizing:border-box;overflow:auto;padding-top:3%;white-space:nowrap}#content .page #experiencesBelow{position:relative;min-width:100%;width:auto;overflow:hidden;padding-top:0%;padding-bottom:3%}#content .page #experiencesBelow>.wrapper{position:absolute;min-height:100%;width:100%;margin:0;padding:0}.experience{display:inline-block;position:relative;height:100%;max-height:97%;max-width:25%;box-sizing:border-box;overflow:hidden;white-space:wrap;vertical-align:bottom;top:0%;bottom:0%;left:0%;right:0%;margin:3px 3px 0%;padding:3px;background-color:#b5c2b740;color:#2d2327;cursor:pointer;transition:top .5s ease-in-out,bottom .5s ease-in-out}.experience .experienceWrapper{display:flex;height:100%;width:100%;flex-direction:column}.experience h2{margin:0;font-size:1.5rem;color:#47546c}.experience .altTitle{color:#363d4a}.experience .company{font-weight:700}.experience .location{font-weight:700;font-size:.85em}.experience .content{max-height:66%;overflow:auto}.experience .tags{flex-grow:1;overflow:auto;padding:.25rem}.experience .tags .tag{display:inline-block;margin:.25rem;padding:.25rem;border-radius:.5rem;background-color:#b5c2b7;font-size:.6rem;font-weight:700;color:#fff}.experience .tags .tag:hover{background-color:#62466b}.experience .tags .tag.typeLanguage:hover{background-color:#46596b}.experience .tags .tag.typeFramework:hover{background-color:#466b4c}.experience .tags .tag.typeTool:hover{background-color:#b4aa4d}.experience .tags .tag.typeDatabase:hover{background-color:#b44da6}.experience .tags .tag.typeQATool:hover{background-color:#b44d4d}.experience:hover{top:-3%;bottom:3%}.experience.secondary{opacity:.5}.experience.secondary:hover{opacity:1}.experience.secondary h2{margin:0;font-size:1.1rem;color:#363d4a}.experience.secondary h2.altTitle{font-size:1rem}.experience.secondary .altTitle{color:#2d2327}.experience.hidden{visibility:hidden}.experience.linkedNext{margin-left:0}.experience.linkedPrevious{margin-right:0}#content .page #experiencesBelow .experience{height:auto;vertical-align:top}#content .page #experiencesBelow .experience:hover{top:3%;bottom:-3%}#content .page #about{max-width:1400px}#content .page.portrait{width:100%}#content .page.portrait #experiences,#content .page.portrait #experiencesBelow{position:relative;display:inline-block;height:100%;max-height:none;max-width:50%;width:100%;box-sizing:border-box;overflow:auto;white-space:nowrap;padding-top:0%;padding-left:3%;padding-right:0%}#content .page.portrait #experiencesBelow{position:relative;min-height:100%;height:auto;min-width:auto;overflow:hidden;padding-bottom:0%;padding-left:0%;padding-right:3%}#content .page.portrait #experiencesBelow>.wrapper{height:100%;padding-right:3%;box-sizing:border-box}#content .page.portrait .experience{display:block;height:auto;max-height:none;width:auto;max-width:none;margin-left:0;margin-right:0;vertical-align:middle;transition:left .5s ease-in-out,right .5s ease-in-out}#content .page.portrait .experience.linkedNext{margin-left:1%;margin-top:0}#content .page.portrait .experience.linkedPrevious{margin-right:1%;margin-bottom:0}#content .page.portrait .experience:hover{top:0%;bottom:0%;left:-3%;right:3%}#content .page.portrait #experiencesBelow .experience{height:auto;vertical-align:middle}#content .page.portrait #experiencesBelow .experience:hover{top:0%;bottom:0%;left:3%;right:-3%}#log{display:flex;flex-direction:column;height:100%;overflow:auto;place-items:center}#log .log-entry{max-width:500px;margin-bottom:3%;padding-bottom:3%;border-bottom:#47546c 3px dotted}#log .log-entry h2{margin:0;padding:1%;background-color:#47546c;color:#fff}#log .log-entry .info{display:flex;place-content:end;align-items:flex-end}#log .log-entry .info .original-link{margin-right:1%;font-size:1.2rem;font-weight:700}#log .log-entry .info .original-link a{text-decoration:none}#log .log-entry .info .date{margin-top:.6rem}#log .log-entry .entry-content{padding-top:1%}#log .log-entry .entry-content .picture{display:flex;flex-direction:column;place-items:center}#log .log-entry .entry-content .picture img{max-width:100%}#photoWrapper{float:left;position:relative;display:inline-block;margin:6px}#photoFilter{position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;background:#384c70;opacity:.25}#photo{width:166px;z-index:10;filter:grayscale(100%)}#links{clear:both}#links nav a{display:block}@media (max-width: 800px){#content .page #projects .content{grid-template-columns:repeat(1,1fr)}}