:root{font-family:Lora,system-ui,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.2em;color-scheme:light dark;--bg-color: #2e2b29;--secondary-bg: #3b3734;--accent-color: #a67b5b;--text-color: #fff9f0;background:linear-gradient(to bottom,var(--secondary-bg) 0,var(--secondary-bg) 300px,var(--bg-color) 300px,var(--bg-color) 95%,var(--secondary-bg) 95%,var(--secondary-bg) 100%);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:6rem;scroll-behavior:smooth}a{text-decoration:none;color:var(--text-color)}body{margin:0;display:flex;place-items:center;min-height:100vh;overscroll-behavior:none}h1{font-size:3.2em;line-height:1.1}h2{font-size:2.5em}p{font-size:1.1em}.button-main{padding:.6em 1.2em;margin-left:10px;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)}.preload *{transition:color 1s ease,border 1s ease}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;min-height:100vh;max-width:80vw}.error-message{white-space:pre-line;margin:.75rem;padding:.4em 1em;font-weight:600;font-size:1rem;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.375rem;box-shadow:0 1px 3px #0000001a}.success-message{white-space:pre-line;margin:.75rem;padding:.4em 1em;font-weight:600;font-size:1rem;color:#155724;background-color:#d4edda;border:2px solid #c3e6cb;border-radius:.375rem;box-shadow:0 1px 3px #0000001a}#exp-list{display:flex;flex-direction:column;align-items:center;width:100%}.header-main{margin-top:5rem}#about{display:flex;justify-content:center}#about .left-section{display:flex;flex-direction:column;align-items:start;text-align:left;max-width:60%}#about .p-about{max-width:1000px;margin-right:1rem;font-weight:500}.profile-photo{width:25vw;height:25vw;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)}#skills{display:flex;flex-direction:column;align-items:center}.skills-container{max-width:800px;font-size:1.1em;text-align:left;line-height:1.5em}#wave{position:absolute;width:100%;left:0;top:0;z-index:-9;fill:var(--secondary-bg)}#wave svg{position:absolute;top:300px;display:block;width:100%;height:100vh;transform:scaleX(-1)}#wave path{width:100%;height:100%}footer{position:absolute;left:0;width:100%;box-sizing:border-box;background-color:var(--secondary-bg);padding:1rem;text-align:center}@media (max-width: 986px){#about{flex-direction:column-reverse;align-items:center}#about .profile-photo{width:35vw;height:35vw}#about .left-section{align-items:center;text-align:left;max-width:80%}}.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 .contact-container .contact-field{display:flex;flex-direction:column;align-items:flex-start;margin-right:1vw}#emailForm .field-input{font-size:12pt;font-family:Arial,Helvetica,sans-serif;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-size:12pt;font-family:Arial,Helvetica,sans-serif;height:10rem;padding-right:40vw;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 .contact-container .contact-field,#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}}#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;font-weight:700;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}}.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}.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;justify-content:space-around;align-items:flex-end}.project-card .header .name{font-size:2em;margin-bottom:0;text-decoration:underline}.project-card .header .timeframe{font-size:1em;margin-bottom:0}.project-card .footer{margin-bottom:1rem}.project-card .description{display:flex;flex:1;align-items:center;font-weight:500}.project-card:hover{border-width:8px;transition:border-width .2s ease-in-out}.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}.project-minicard .top .name{margin-right:10px}.project-minicard .tags-container{display:flex;justify-self:column;justify-content:flex-start;align-items:flex-start;margin-top:0}.project-minicard:hover{border-width:4px;transition:border-width .3s ease-in}.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}.project-minicard .top .stack{margin-top:1vh}}@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%}}