:root{--bg-color: #282828;--fg-color: #ebdbb2;--primary-color: #b8bb26;--secondary-color: #d3869b;--highlight-color: #fabd2f;--button-bg-color: #458588;--button-hover-bg-color: #689d6a;--yellow: #fabd2f;--aqua: #8ec07c}.age{text-decoration:underline}.popover{font-size:22px;position:absolute!important;top:100%!important;left:0!important;background-color:var(--bg-color)!important;border:1px solid var(--primary-color)!important;padding:5px 10px!important;z-index:1000!important;white-space:nowrap!important;width:max-content!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;border-radius:4px!important}span[style*="position: relative"]{vertical-align:top!important;overflow:visible!important}::-moz-selection{color:var(--bg-color);background:var(--primary-color)}::selection{color:var(--bg-color);background:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-size:22px}@media (max-width: 480px){body{font-size:14px}.App-header h1{font-size:1.5rem}.App-header p,p,li{font-size:.95rem}textarea{font-size:1rem}}.App{max-width:900px;width:100%;padding:20px;margin:0 auto;text-align:left}.App-header{background-color:var(--bg-color);padding:20px;border:2px solid var(--primary-color);border-radius:10px}.App-header h1{color:var(--primary-color);margin-bottom:20px}.App-header p{color:var(--secondary-color);margin-bottom:20px}.App-button{background-color:var(--button-bg-color);color:var(--fg-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.App-button:hover{background-color:var(--button-hover-bg-color)}.about-me,.projects{margin:20px 0}.about-me h3{margin-top:20px;margin-bottom:10px;font-size:1.2em;color:var(--yellow);text-transform:lowercase}.projects ul,.tech-list{list-style:none;padding:0;margin:0}.projects li{margin:10px 0}.projects a{color:var(--highlight-color);text-decoration:none}.projects a:hover{text-decoration:underline}.tech-list li{display:flex;align-items:center;padding-left:20px;margin-bottom:5px}.tech-list li:before{content:"•";color:var(--aqua);margin-right:10px}h2,h3{color:var(--primary-color);text-transform:lowercase}h2{margin-bottom:10px}p{margin-bottom:20px;text-align:left}textarea{width:100%;max-width:100%;margin-top:20px;padding:12px 20px;border-radius:10px;resize:none;font-size:20px;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--highlight-color);border:1px solid var(--primary-color)}.send{margin-top:20px}.textme{display:flex}.popup{position:fixed;bottom:20px;right:20px;background-color:var(--bg-color);color:var(--primary-color);padding:10px 20px;border-radius:4px;border:2px solid var(--primary-color);opacity:0;animation:fadeInOut 3s ease}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@media (max-width: 480px){.App{padding:10px}}p,li{line-height:1.6}.textme{position:relative;width:100%;max-width:500px}.textarea{width:100%;padding:1rem 3rem 1rem 1rem;font-size:1rem;border:2px solid #cddc39;border-radius:.75rem;background-color:#1e1e1e;color:#fff;box-sizing:border-box;resize:vertical}.send{position:absolute;top:65%;right:10px;transform:translateY(-50%);background-color:#cddc39;color:#000;font-size:1.2rem;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}@media (max-width: 480px){.textarea{font-size:.95rem}.send{font-size:1rem;padding:5px 8px}}.input-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.textarea{margin-bottom:20px}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#181818;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-color: #fff;--accent-color: #ffcb6b;--background-color: #181818;--link-color: #82aaff;--link-hover-color: #a1c4ff;--button-background: #282828;--button-hover-border: #646cff}@font-face{font-family:SF;src:url(/assets/SFMonoRegular-77Uh1IPk.otf) format("opentype")}a{font-weight:500;color:var(--link-color);text-decoration:none;transition:color .25s}a:hover{color:var(--link-hover-color)}li{list-style-type:none}body{font-family:SF;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--main-color)}.container{padding:2rem;text-align:center;max-width:800px;width:100%}h1{font-size:3em;line-height:1.1;margin:.5em 0}p{margin:.5em 0;font-size:1.1em;line-height:1.6}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--button-hover-border);background-color:var(--link-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--main-color: #213547;--background-color: #ffffff;--link-color: #1e90ff;--link-hover-color: #1c7ed6;--button-background: #f9f9f9;--button-hover-border: #646cff}body{background-color:var(--background-color);color:var(--main-color)}}