@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/font.woff2) format("woff2")}:root{font-family:Fredoka,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #fbf8ea;--secondary-color: #2f2b24;--secondary-color-light: #c0b197;--error-color: #ae3f3f;background-color:var(--primary-color);color:var(--secondary-color);--sm-space: .25rem;--md-space: 1rem;--lg-space: 2rem;--sm-font: 1.1rem;--md-font: 1.25rem;--border-radius: 5px}*{margin:0;padding:0}label{font-size:var(--sm-font);text-align:left}input,textarea{font-family:inherit;font-size:var(--sm-font);padding:var(--sm-space);border-radius:var(--border-radius);background-color:inherit;border:1px solid var(--secondary-color-light);outline:none;resize:none;&:focus{border:1px solid var(--secondary-color)}}input[type=submit],button{cursor:pointer;background-color:var(--secondary-color);color:var(--primary-color);border:none;outline:none;padding:.5rem 0;font-size:var(--md-font);&:hover{filter:brightness(1.5)}}a{all:unset;cursor:pointer;transition:transform .15s;&:hover{transform:scale(1.05)}&:active{transform:scale(.9)}}form{display:flex;flex-direction:column;text-align:center;width:100%;gap:var(--md-space);div{display:flex;flex-direction:column;gap:var(--sm-space)}}h1{font-size:3rem}h2{font-size:1.5rem}h3{font-size:1rem;font-weight:400}p{font-size:var(--sm-font)}.gap-lg{gap:var(--lg-space)}.gap-md{gap:var(--md-space)}.gap-sm{gap:var(--sm-space)}.col{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.two-cols{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;gap:1rem;margin-inline:2%}.row{display:flex;align-items:center}.error{color:var(--error-color);border-color:var(--error-color)}@media (pointer: coarse){a,button,input,label{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}}@media only screen and (min-width: 768px){#about-me{width:60%}}@media only screen and (min-width: 992px){.two-cols{flex-direction:row;margin-inline:16.5%;gap:0}#about-me{width:75%}hr{display:none}h1{font-size:5rem}h2{font-size:2rem}h3{font-size:1.2rem}}header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;@media only screen and (min-width: 992px){align-items:start;text-align:left}}#portrait{border-radius:60px;height:120px}#info{display:flex;flex-direction:column;gap:.25rem}