:root{font-family:Consolas,monospace;line-height:1.2em;color-scheme:light dark;--default-bg-color: #2e2b29;--default-secondary-bg: #3b3734;--default-accent-color: #a67b5b;--default-text-color: #fff9f0;--bg-color: var(--default-bg-color);--secondary-bg: var(--default-secondary-bg);--accent-color: var(--default-accent-color);--text-color: var(--default-text-color);background:var(--bg-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overscroll-behavior:none;padding:0}input{font-family:inherit}a{text-decoration:none;color:var(--text-color)}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em}h2{font-size:2.7em;line-height:1.2em}p{font-size:1.1em}.button-main{padding:.6em 1.2em;border:none;color:inherit;background-color:var(--accent-color);color:var(--text-color);font-size:100%;font-weight:700;font-family:inherit;border-radius:15px;cursor:pointer}.button-main:hover{filter:brightness(1.2);transition:color .12s ease,filter .12s ease}::selection{background-color:var(--text-color);color:var(--bg-color)}#root{max-width:1280px;margin:0 auto;margin-top:6rem;padding:2rem;padding-top:0;text-align:center;min-height:100vh;max-width:80vw}.wave-bg{position:absolute;top:0;left:0;width:100%;line-height:0;pointer-events:none}.wave-bg svg{display:block;width:100%;height:100%}#wave{height:clamp(120px,45vh,350px);z-index:-11}#wave2{height:clamp(120px,40vh,350px);z-index:-10}#wave2 path{fill:var(--secondary-bg)}#wave path{fill:var(--accent-color)}#exp-list{display:flex;flex-direction:column;align-items:center;width:100%}.header-main{margin-bottom:5rem}#about{display:flex;flex-direction:column;align-items:left;text-align:left}#about .p-about{max-width:1000px;margin-right:1rem;font-weight:500;align-items:first baseline}#about .big-hello{margin-bottom:0}.profile-photo{width:20vw;height:20vw;border:5px solid var(--accent-color);border-radius:50%;overflow:hidden;display:flex;justify-content:center}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo.small{width:50px;height:50px;border:2px solid var(--accent-color)}footer{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background-color:var(--secondary-bg);padding:1rem;text-align:center}.status-message{white-space:pre-line;margin:.75rem;margin-left:0;padding:.4em 1em;font-weight:600;font-size:1rem;border-radius:.375rem;box-shadow:0 1px 3px #0000001a}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.success-message{color:#155724;background-color:#d4edda;border:2px solid #c3e6cb}@media (max-width: 986px){#about{align-items:center;text-align:left;max-width:80%;margin:0 auto}}.email-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#emailForm{display:flex;flex-direction:column;align-items:flex-start;max-width:900px}#emailForm .contact-container{display:flex;flex-direction:row}#emailForm .form-field{display:flex;flex-direction:column;align-items:flex-start;margin-right:1vw}#emailForm .field-input{font-size:12pt;max-width:40vw;width:250px;padding:.5rem .75rem;border-radius:.5rem;margin-bottom:1rem}#emailForm .field-input:focus{outline:none;border:2.5px solid var(--accent-color)}#emailForm ::selection{background:#000;color:#fff}#emailForm textarea{font-family:inherit;font-size:12pt;height:10rem;width:100%;padding:10px;border-radius:.5rem;margin-bottom:1rem}#emailForm textarea:focus{outline:none;border:2.5px solid var(--accent-color)}@media (max-width: 560px){#emailForm .contact-container{display:flex;flex-direction:column;align-items:center}#emailForm .form-field{align-items:flex-start}#emailForm{align-items:center}}.exp-card{border:solid var(--accent-color);border-radius:1rem;max-width:800px;width:100%;padding-left:1.5rem;padding-right:1.5rem;margin-bottom:1rem}.exp-card .title{margin-bottom:0;font-size:1.5em;text-decoration:underline}.exp-card .sub-title .dur-text{font-weight:600}.exp-card .sub-title{display:flex;flex-direction:row;justify-content:space-between}.exp-card .bullets{text-align:left;list-style-position:inside;padding-left:0;margin-top:0}@media (max-width: 768px){.exp-card .sub-title{flex-direction:column;justify-content:center}.exp-card .sub-title .dur-text{margin-top:0}}.input-container{margin-top:2rem;display:flex;align-items:center;width:400px}.theme-prompt-input{flex:1;padding:10px;border-radius:1rem;border:1px solid #ccc;outline:none;font-size:16px;margin-right:10px}.theme-prompt-input:focus{border-color:s}.suggestions-container{padding:1.5em 1.5em 1.5em 0;display:flex;align-items:flex-start}.suggestions-container .button-main{font-size:90%;margin-left:0;margin-right:10px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.6);border-top:2px solid #ffffff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.projects-container{display:flex;justify-content:center}.projects-container .right-container{display:flex;flex-direction:column;align-items:center;margin-left:1rem;width:40%;height:500px}.project-minicards{display:flex;flex-direction:column;overflow-y:auto;padding:0 2rem;width:90%}.sort-by-p{font-weight:700;margin:.5rem;text-decoration:underline}.project-card{display:flex;flex-direction:column;align-items:flex-start;border:solid 4px var(--accent-color);border-radius:1rem;padding-left:1.5rem;padding-right:1.5rem;max-width:500px;width:100%;height:500px;text-align:left}.project-card .top{width:100%}.project-card .header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin-top:2rem}.project-card .header .name{font-size:2em;line-height:1.2em;text-decoration:underline;margin-top:0}.project-card .header .timeframe,.project-card .text-tags{margin-top:0}.project-card .footer{margin-bottom:1rem}.project-card .description{display:flex;flex:1;align-items:flex-start;font-weight:500}.project-card .footer .tags-container{margin-top:1rem}.project-tag{display:inline-block;padding:8px 20px;border-radius:9999px;background-color:#919191;color:#fff;font-size:1em;font-weight:600;margin:4px;cursor:default;-webkit-user-select:none;user-select:none;transition:none}.project-tag.small{margin-left:.4rem;font-size:.8em;padding:5px 10px}.project-minicard{display:flex;flex-direction:column;border:solid 1px var(--accent-color);border-radius:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:.5rem}.project-minicard .top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:left;margin:0;margin-top:1rem}.project-minicard .top .stack{align-self:flex-end;text-align:end;margin-top:0}.project-minicard .top .name{align-self:flex-start;text-align:start;margin-top:0;margin-right:2rem}.project-minicard .tags-container{display:flex;justify-self:column;justify-content:flex-start;align-items:flex-start;margin-top:0}.project-minicard:hover .name{text-decoration:underline}.project-minicard.selected{background-color:var(--secondary-bg);border-width:4px}@media (max-width: 768px){.project-minicard .top{flex-direction:column;align-items:center;margin-inline:0}.project-minicard .top .name{margin-bottom:0;font-size:1.3em}.project-minicard .top .stack{margin-top:1vh;align-self:flex-start;text-align:start}}@media (max-width: 986px){.projects-container{flex-direction:column;align-items:center}.projects-container .right-container{margin-left:0;margin-top:1rem;width:100%;align-items:center}.project-card{width:80%;max-width:100%}}.ascii-container{position:relative;display:inline-block;align-self:center}.ascii-text{font-size:min(2vw,18px);line-height:1.15;white-space:"pre"}#navbar-top{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--bg-color);box-shadow:0 2px 4px #0000001a;height:4rem;display:flex;align-items:center;justify-content:space-around;padding:0 1rem;box-shadow:0 4px 6px #0000004d}#navbar-top #left-section{display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}#navbar-top #links-container{display:flex;align-items:center}#navbar-top .name{font-size:1.8em;margin-left:1rem}#navbar-top .resume-button{margin-left:2rem;height:220%;width:220%}.icon-link{font-size:2rem;margin-left:1.5rem;color:var(--text-color)}.fab.fa-github:hover{color:#ffffa9;transform:scale(1.1);transition:color .3s ease,transform .4s ease}.fab.fa-linkedin:hover{color:#a1f2f2;transform:scale(1.1);transition:color .3s ease,transform .4s ease}.fas.fa-envelope:hover{color:#f8afff;transform:scale(1.1);transition:color .3s ease,transform .4s ease}.fa.fa-globe:hover{color:#b4adff;transform:scale(1.1);transition:color .3s ease,transform .4s ease}@media (max-width: 768px){#navbar-top #left-section{display:none}#navbar-top #links-container{display:flex;align-self:center}}