:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app{display:grid;grid-template-rows:auto auto 1fr;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:100%}.main-background{background:hsl(0,0%,90%);display:flex;flex:1;justify-content:center;padding:16px 0}.main-content{background:white;max-width:800px}section{padding:16px}.header{background:black;color:#fff;cursor:pointer;display:grid;justify-content:center;padding:10px;text-align:center}.svg{height:100px}.g{animation-duration:5s;stroke:#fff;stroke-dasharray:100px,100px;stroke-dashoffset:0;stroke-width:1}@keyframes animation1{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes animation2{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animation1{animation-name:animation1}.animation2{animation-name:animation2}h1{background:black;color:#fff;font-size:6vw;font-weight:200;margin:0;padding:16px}h3{color:#333;margin:0;padding:16px;font-size:.75rem}@media screen and (min-width: 800px){h1{font-size:3rem}h3{font-size:1.25rem}}.title{display:grid;grid-template-columns:1fr 2fr;padding:0}.portrait{width:100%}.dell{float:right;width:25%}.puppy{float:left;margin-right:16px;width:15%}.programming{width:25%;margin:0 auto}.intp{float:right;margin-left:16px;width:20%}.wayThingsWork{float:left;margin-right:16px;width:20%}.shibusa{margin-bottom:-6px;width:100%}.projects h2{margin:0}.projects p{margin:0;padding:16px}.projects section p{padding:4px 0}.projects section img{width:100%}section.codle{display:grid;grid-gap:16px;grid-template-columns:1fr 1.5fr}@media (max-width: 500px){section.codle{display:block}}.skill{padding:16px}.skill p{margin:0}.skill img{float:left;height:100px;margin-right:16px;object-fit:contain;width:100px}.tabs{background:dimgray;display:flex;flex:0 0 auto;height:50px;justify-content:center}.tab{align-items:center;background:black;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 16px}.tab:hover,.tab:focus{background:dimgray}.activeTab{background:hsl(0,0%,90%);color:#000}.activeTab:hover,.activeTab:focus{background:hsl(0,0%,90%)}