:root{--color-text:#fff;--color-border:#626262;--color-secondary-bg:#3c3b3b;--color-primary-bg:#2b2b2b;--color-primary-bg-transparent:#2b2b2b99;--color-app-bg:#212121;--color-exp-title:#ff4b4e;--color-project-title:#ffac6d;--color-nav-item-bg:#e564ff;--color-tech-bg:#65558f;--font-heading:"Viga",sans-serif;--font-body:"Rubik",sans-serif;--side-margin:20vw;--side-margin-small:10vw;--border-width:1px}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--color-app-bg);background-image:repeating-radial-gradient(circle at center,#000 1px,#fff0 5px);margin:0}main{margin:0 var(--side-margin)}main>*{margin-bottom:8vw}.section-title{color:var(--color-text);font-family:var(--font-heading);font-size:2rem;margin-bottom:3px;padding-left:10px}@media (max-width:768px){main{margin:0 var(--side-margin-small)}main>*{margin-bottom:16vw}}#nav-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-primary-bg-transparent);box-shadow:var(--color-primary-bg-transparent) 0 5px 5px;font-family:var(--font-heading);height:100%;left:0;max-height:75px;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:1000}#nav-bar a,#nav-header{color:var(--color-text)}#nav-bar a{text-decoration:none}#nav-bar a:hover{color:var(--color-nav-item-bg);text-decoration:underline}#nav-bar{align-items:center;display:flex;justify-self:space-between}.nav-list{display:flex;font-size:1.25rem;list-style:none;padding-left:10px}.nav-item{display:flex;padding:0}.nav-line{background-color:var(--color-text);margin-right:10px;width:3vw}.nav-list .nav-item:not(:first-child){padding-left:10px}.nav-link{border-bottom:4px solid #0000;height:100%}.nav-link:hover{border-bottom:4px solid var(--color-nav-item-bg)}#logo{font-size:3rem;margin-left:1vw}#menu{background-color:initial;border-color:#0000;margin-left:auto;margin-right:20px}@media (max-width:768px){.nav-list{display:none}#menu{cursor:pointer;display:block}}@media (min-width:768px){#menu{display:none}}.ham-container{display:flex;flex-direction:row}.ham-menu{animation:slideInFromRight .5s ease-in-out forwards;background-color:#10101080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0}.ham-list{font-size:1.25rem;list-style:none;margin:0;padding:10px}.ham-list-item{margin:20px 10px}.ham-off-screen{background-color:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100%}#ham-close-btn{background-color:initial;border-color:#0000;color:var(--color-text);cursor:pointer;font-size:30px;margin-left:auto;margin-right:20px;transition:.3s ease-in-out}#ham-close-btn:hover{color:#faebd7;transform:scale(1.2)}.tech-cards{display:flex;margin:auto 5vw}#name{font-family:var(--font-header);font-size:2rem;text-align:center}#about{background-color:var(--color-primary-bg);border:var(--border-width) solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body)}#about-icons,#location{align-items:flex-end;display:flex}#resume-btn{background-color:var(--color-secondary-bg);border:var(--border-width) solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:500;height:-webkit-fit-content;height:fit-content;margin-bottom:5px;padding:2px 10px}#download-icon{padding-right:5px}#about-icons>*{margin-right:10px}#about-icons>:nth-last-child(3){margin-left:auto;transition:transform .3s ease-in-out}#about-icons>:nth-last-child(3):hover{transform:scale(1.05)}#top-about{display:flex}#top-about>*{margin:10px}#headshot{border-radius:5px;height:auto;width:100%}#headshot-container{max-width:300px;min-width:100px}#interested-p{font-weight:700}#about-p{margin:30px 0}#prim-tech{text-align:center}@media (max-width:768px){.tech-cards{flex-direction:column}#top-about{flex-direction:column-reverse}#resume-btn{font-size:.6rem}}.card{background-color:var(--color-secondary-bg);border:var(--border-width) solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body);margin:1vw;padding:1vw;transition:all .15s ease-in-out}.card:hover{transform:scale(1.05)}.card-header{align-items:end;display:flex;width:-webkit-fit-content;width:fit-content}h3{font-family:var(--font-header)}.card-title>*{margin:0 .5vw}.card-desc{font-size:.8rem;font-weight:300}.card-body{font-size:.75rem;text-align:center}@media (min-width:1300px){.card{padding:.5vw}}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(200px,max-content))}.card-grid>*{box-sizing:border-box;margin-bottom:0;margin-left:0;margin-top:0;padding:7px;width:100%}.card-grid>:nth-child(odd):hover{transform:scale(1.03) rotate(1deg)}.card-grid>:nth-child(2n):hover{transform:scale(1.03) rotate(-1deg)}.other-tech{justify-content:center}@media (max-width:768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(125px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(125px,max-content))}.card-grid .card-lang{font-size:.7rem}.card-grid .card-desc{font-size:.6rem}}.project-card h3{color:var(--color-project-title);font-family:var(--font-header);font-size:2rem;text-align:center;width:100%}.project-card{background-color:var(--color-primary-bg);border:var(--border-width) solid var(--color-border);border-radius:20px;color:var(--color-text);font-family:var(--font-body);margin-bottom:30px;margin-top:1vw;padding:1vw}.project-header{align-items:center;display:flex}.project-header>*{margin:0 .5vw}.project-body>*{font-size:1.1rem;font-weight:300;margin:1vw .5vw;text-align:center}.project-body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.project-tech{display:flex;flex-wrap:wrap;justify-content:center}.tech-card{background-color:var(--color-tech-bg);border-radius:20px;font-size:1rem;font-weight:400;margin:.8vw .2vw;padding:9px;text-align:center;width:-webkit-fit-content;width:fit-content}.tech-card:hover{cursor:default}@media (max-width:768px){.project-body{display:flex;flex-direction:column;margin:1vw}.project-img{padding-top:10px}}@media (min-width:1200px){.project-body>*{font-size:1.2rem}}@media (min-width:1600px){.project-body>*{font-size:1.4rem}}.thumbnail{border-radius:8px;transition:transform .2s;width:100%}.thumbnail:hover{cursor:pointer;transform:scale(1.05)}.modal-overlay{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;left:50%;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:fit-content;z-index:999}.full-screen-overlay{background-color:none;height:100%;left:0;position:fixed;top:0;width:100%}.modal-image{border-radius:10px;display:block;height:auto;max-height:70vh;max-width:80vw;object-fit:contain;position:static}.close-button{background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;margin-bottom:5px;margin-left:auto;padding:.2rem .6rem;position:static;z-index:1000}.image-hint{font-size:.6rem;margin-top:0}@media (max-width:768px){.modal-image{max-height:85vh;max-width:95vw}}.exp-body{--text-ver-margin:12px;--text-side-margin:0;background-color:var(--color-primary-bg);border:var(--border-width) solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body)}.job-wrapper{margin-bottom:30px}.job-list{position:relative}.job-list:before{background-color:#fff;content:"";height:100%;left:5%;position:absolute;top:0;transform:translateX(-50%);width:4px}.job-content{left:7%;position:relative;transform:translateY(-5px);width:90%}.job-company{color:var(--color-exp-title);font-size:1.75rem}.job-company,.job-position{margin:var(--text-ver-margin) var(--text-side-margin)}.job-position{font-size:1.25rem}.job-date{margin:var(--text-ver-margin) var(--text-side-margin)}.job-desc{display:flex;flex-direction:column;font-size:1rem;font-weight:300;gap:.5rem}.circle{background-color:#fff;border-radius:50%;height:20px;left:5%;position:absolute;transform:translateX(-50%);width:20px;z-index:1}@media (max-width:768px){.job-content{left:10%;transform:translateY(-3px);width:88%}.job-company{font-size:1.25rem}.job-position{font-size:1.1rem}.job-desc{font-size:1rem}}#contact-form{background-color:var(--color-primary-bg);border:var(--border-width) solid var(--color-border);border-radius:10px;color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-body);padding:10px}#contact-form button,#contact-form label{margin-top:20px}#contact-form input,#contact-form textarea{border-radius:10px;font-family:var(--font-body);min-height:30px;padding:5px}#contact-form textarea{box-sizing:border-box;max-height:500px;max-width:100%;min-height:60px;resize:vertical}#submit-btn{align-self:center;background-color:#7b7b7b;border:var(--border-width) solid var(--color-text);border-radius:10px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;min-height:30px;transition:.15s ease-in-out;width:50%}#submit-btn:hover{background-color:#9a9a9a;cursor:pointer;transform:scale(1.05)}#form-msg{align-self:center;animation:slideInFromRight .5s ease-in-out forwards;border-radius:10px;font-weight:400;padding:10px}#h-captcha{align-self:center;margin-top:20px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(-250%)}to{opacity:1;transform:translateX(0)}}footer{background-color:var(--color-primary-bg);box-shadow:var(--color-primary-bg) 0 -5px 5px;color:var(--color-text);display:flex;font-family:var(--font-heading);margin:0}.sub-text{font-family:var(--font-body)}.footer{margin:20px 0;text-align:center;width:50%}.footer p{margin:0}.footer a{color:var(--color-text);text-decoration:none}.footer a:hover{color:var(--color-nav-item-bg);text-decoration:underline}
/*# sourceMappingURL=main.df7b55e2.css.map*/