h1 {font-size:var(--fs1);display:inline-block;}header{position:fixed;left:0;right:0;top:0;z-index:10;}header #header_top{height:var(--header-height);position:fixed;width:100%;padding:var(--site-padding);box-sizing:border-box;display:flex;top:0;}#logo{flex:1}header img{height:100%;}header #header_top > * {height:100%;flex:1;}#about_link{text-align:right;}#burger{cursor:pointer;float:right;position:relative;text-align:center;}#burger img{display:none;height:1em;}.show_menu #burger img,#burger:hover img{display:inline-block;}.show_menu #burger h2,#burger:hover h2{display:none;}.projects_list {text-align:center;font-size:var(--fs1);}.projects_list li{line-height:1;}header .projects_list{display:none;padding-top:var(--header-height);height:100vh;overflow-y:auto;box-sizing:border-box;}.home header .projects_list{border-bottom:0;}.show_menu header .projects_list{display:block;}.show_menu header{background-color:var(--project-color);}.show_menu main{display:none;}@media only screen and (max-width:800px) {.projects_list {margin:0;line-height:1;}.projects_list li{margin:0;}.projects_list li a{padding:.15em 0 .05em 0;box-sizing:border-box;width:100%;}}@supports(selector(:nth-child(1 of x))) or (-webkit-touch-callout:none) {.projects_list li{margin-bottom:-1px;}}:root{--header-height:6rem;--fs0:1rem;--fs1:calc(var(--fs0) * 5);--site-padding:1rem;--right-width:25%;--handwriting-height:2.5em}@font-face {font-family:acumin;src:url('../fonts/AcuminVariableConcept.otf');}strong{font-weight:700;}body{font-family:acumin;line-height:1.4;}img{max-width:100%;}#contact{width:50%;position:absolute;left:50%;top:70%;}#contact li {margin-bottom:.5em;}#contact > img{margin-bottom:.5em;}#contact li img + img{margin-left:1em;}#contact img{height:var(--handwriting-height)}:root{--wiggle-rot:.4;--wiggle-pos:.2;}@keyframes wiggle {0% { transform:rotate(calc(-2deg * var(--wiggle-rot))) translate(calc(5% * var(--wiggle-pos)), calc(-1% * var(--wiggle-pos))); } 10% { transform:rotate(calc(3deg * var(--wiggle-rot))) translate(calc(-3% * var(--wiggle-pos)), calc(5% * var(--wiggle-pos))); } 20% { transform:rotate(calc(-5deg * var(--wiggle-rot))) translate(calc(1% * var(--wiggle-pos)), calc(-8% * var(--wiggle-pos))); } 30% { transform:rotate(calc(5deg * var(--wiggle-rot))) translate(calc(-5% * var(--wiggle-pos)), calc(2% * var(--wiggle-pos))); } 40% { transform:rotate(calc(-6deg * var(--wiggle-rot))) translate(calc(4% * var(--wiggle-pos)), calc(-2% * var(--wiggle-pos))); } 50% { transform:rotate(calc(2deg * var(--wiggle-rot))) translate(calc(-3% * var(--wiggle-pos)), calc(6% * var(--wiggle-pos))); } 60% { transform:rotate(calc(-4deg * var(--wiggle-rot))) translate(calc(6% * var(--wiggle-pos)), calc(-2% * var(--wiggle-pos))); } 70% { transform:rotate(calc(1deg * var(--wiggle-rot))) translate(calc(-5% * var(--wiggle-pos)), calc(3% * var(--wiggle-pos))); } 80% { transform:rotate(calc(-2deg * var(--wiggle-rot))) translate(calc(1% * var(--wiggle-pos)), calc(-3% * var(--wiggle-pos))); } 90% { transform:rotate(calc(5deg * var(--wiggle-rot))) translate(calc(-3% * var(--wiggle-pos)), calc(4% * var(--wiggle-pos))); }100% { transform:rotate(calc(-2deg * var(--wiggle-rot))) translate(calc(5% * var(--wiggle-pos)), calc(1% * var(--wiggle-pos))); }}.wiggle {display:inline-block;background-color:var(--bg-col);}.wiggle:hover {animation:wiggle .5s linear infinite;}#header_top .wiggle{display:block;}@media only screen and (max-width:800px) {:root{--header-height:3.5rem;--fs1:calc(var(--fs0) * 3);--site-padding:1rem;--right-width:35vw;--handwriting-height:1.5em}header .wiggle{display:block;}#contact{width:calc(100% - var(--site-padding));position:absolute;left:var(--site-padding);top:70%;}}@media only screen and (max-width:500px) {:root{--handwriting-height:1.2em}}