header{display:flex;flex-direction:column;justify-content:space-evenly;gap:2rem;margin:3rem 1rem;align-items:center}header img{border-radius:50%;max-height:10rem;max-width:10rem}nav ul{list-style:none;padding:0;gap:1rem;display:flex;flex-direction:column;align-items:end;font-size:1.5rem}nav ul li{margin:.5rem 0}nav ul li .link{text-decoration:none;color:var(--color-text);font-weight:700}nav ul li .link:hover{color:#737b4a}@media (max-width: 768px){header{display:flex;flex-direction:row;gap:1rem;margin:1rem;justify-content:space-evenly;width:100%}header img{border-radius:50%;max-height:3rem;max-width:3rem}nav ul{list-style:none;padding:0;gap:1rem;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:.8rem}}button{font-size:1.2rem;text-decoration:none;color:#000;cursor:pointer;border:3px solid;padding:.25em .5em;box-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:fit-content;background-color:var(--color-text);border-radius:10px}button:hover{background-color:var(--color-green)}button:active{box-shadow:0 0;top:5px;left:5px}@media (max-width: 768px){button{padding:.25rem .75rem;font-size:.5rem;width:fit-content}}.home-command-form{display:flex;flex-direction:row}.home-command-form p{color:var(--color-green)}.home-command-form .home-command-form__input{background:transparent;border:none;outline:none;color:transparent;caret-color:#fff;font-size:1rem;color:#b8b5b5}.typing-text{color:var(--color-text);display:flex;flex-direction:column;gap:1rem}.type-line{margin-bottom:.4rem}.cursor{display:inline-block;animation:blink 1s steps(1,start) infinite;color:var(--color-green)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.command-line-form .command-line-form-separator{margin-bottom:1rem;border-top:2px solid #ccc}.command-line-form .command-line-form-command-input{display:flex;flex-direction:row;width:max-content}.command-line-form .command-line-form-command-input .command-line-form-command-input__p-1{color:var(--color-green);font-weight:700;margin-right:.5rem}.command-line-form .command-line-form-command-input .command-line-form-command-input__p-2{color:#1f56e0;font-weight:700;margin-right:.5rem}.command-line-form .command-line-form-command-input .command-line-form-command-input__p-3{color:var(--color-text);font-weight:700}.command-line-form .command-line-form-command-input input{background:transparent;border:none;outline:none;color:transparent;caret-color:#fff;font-size:1rem;color:#b8b5b5}.about{display:flex;flex-direction:column;gap:1rem}.about .about-separator{margin-bottom:1rem;border-top:2px solid #ccc}.skills{display:flex;flex-direction:column;gap:1rem}.skills ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0;color:var(--color-text)}.skills ul li{display:flex;align-items:center;gap:.5rem}.skills img{width:1.5rem;height:1.5rem;margin-right:.5rem}.input{display:flex;flex-direction:column;gap:.5rem;width:100%}.input label{font-size:1.25rem}.input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;font-size:1rem;height:1.75rem;line-height:1.5rem;outline:none;background-color:transparent;color:var(--color-text);font-size:1.25rem;border-bottom:2px solid var(--color-text)}.contact-form{display:flex;flex-direction:column;gap:1rem;color:var(--color-text)}.contact-form .contact-form-form{display:flex;flex-direction:column;gap:1rem}.contact-form .contact-form-fields{display:flex;flex-direction:row;gap:1rem;width:100%}.contact-form textarea{margin:0;padding:.625rem;border-radius:.625rem;min-height:6rem;background-color:#161616;color:var(--color-text);resize:vertical;outline:none}@media (max-width: 768px){.contact-form .contact-form-fields{display:flex;flex-direction:column;gap:1rem}}.command-line{position:relative;width:60rem;height:35rem;background:var(--color-command-line-background);border-radius:.625rem;font-family:Courier New,Courier,monospace}.color-buttons{display:flex;flex-direction:row;align-items:center;justify-content:start;padding:1rem;gap:.75rem}.red-ellipse{width:18px;height:19px;background:var(--color-red);border-radius:50%}.yellow-ellipse{width:18px;height:19px;background:var(--color-beige);border-radius:50%}.green-ellipse{width:18px;height:19px;background:var(--color-green);border-radius:50%}.text-area{display:flex;flex-direction:column;gap:1rem;padding:0rem 1rem .5rem;height:31.5rem;overflow:auto}*{scrollbar-width:auto;scrollbar-color:#888 #000000}@media (max-width: 768px){.command-line{width:100vw;height:90vh;border-radius:0}.text-area{padding:0rem 1rem .5rem;height:90%;overflow:auto}}:root{--color-green: #737b4a;--color-beige: #d0b69c;--color-red: #8B2B34;--color-background: #3B444B;--color-command-line-background: #000000;--color-text: #c7c7c7;--color-button: #9b9b9b}@font-face{font-family:Cascadia Code;src:url(/fonts/CascadiaCode.ttf) format("truetype");font-weight:400;font-style:normal}h1{font-size:2.5rem;font-weight:700;color:var(--color-text)}h2{font-size:2rem;font-weight:700;color:var(--color-text)}h3{font-size:1.75rem;font-weight:700;color:var(--color-text)}p{font-size:1.2rem;color:var(--color-text)}*{margin:0;padding:0;box-sizing:border-box;font-family:Cascadia Code,monospace}.app{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background);gap:1rem;padding:1rem}@media (max-width: 768px){.app{flex-direction:column;gap:0;padding:0}}