@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{line-height:1.5;font-weight:400;font-family:Inter,"sans-serif";background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-primary-color: white;--font-secondary-color: #007ba7}::-webkit-scrollbar{background-color:none}ul{list-style:none}a{color:#fff;text-decoration:none}a:hover{color:#007ba7}.nav__link,.footer-icon{transition:color .4s}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:hover,button:active{background-color:#000;color:#fff;border-color:#fff}#root{margin:0 auto;color:#fff}h2{font-family:Rubik;line-height:3rem;text-align:center;font-weight:450;font-size:2rem;margin-top:4rem;margin-bottom:1rem}@media screen and (max-width: 1100px){h2{border-radius:0;border-left:0px;border-right:0px}}.project{max-width:1100px;margin:0 auto}.contact{max-width:1100px;margin:0 auto;padding:1rem}.contact>p>a{color:#ff0}.contact>p>a:hover{color:#007ba7}.hero-image{width:100%;max-width:1100px;height:550px;object-fit:cover}.hero-container{position:relative;text-align:center;max-width:1100px;margin:auto}.hero-text{position:absolute;text-align:left;bottom:2rem;left:2rem;color:#fff}.hero-name{font-family:Rubik;font-size:1.4rem;font-weight:800}.hero-description{font-size:.8rem}.project-tile-container{display:flex;flex-wrap:wrap;max-width:1100px;margin-left:auto;margin-right:auto}.project-tile{width:calc(50% - 20px);min-width:280px;margin:10px;background-color:#333;border-radius:10px}.project-tile-text{margin:1rem}.project-tile-title{font-family:Rubik;font-size:1.2rem;font-weight:800}.project-tile-description{margin:1rem 0;min-height:100px}.project-tile-image-layer{position:relative}.project-tile-technologies{position:absolute;top:1rem;right:1rem}.tech-box{background-color:#000;border:1px solid #555555;padding:.3rem;margin-left:.3rem;font-family:Rubik}@media screen and (max-width: 600px){.project-tile{width:calc(100% - 20px)}}.project-tile-image{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover;height:300px}.view-project-button{background-color:#007ba7;font-family:Rubik;font-weight:600;color:#fff;border:1px solid #555555;font-size:.8rem;cursor:pointer;padding:.6rem 1.2rem;border-radius:5px}.experience-tiles{max-width:1100px;margin-left:auto;margin-right:auto}.experience-tile{display:flex;flex-wrap:wrap;margin:20px 10px;background-color:#333;padding:10px;border-radius:10px}.experience-left-section{width:300px;margin-right:10px}.experience-right-section{width:calc(100% - 340px);margin-left:10px}.experience-logo{width:100%}@media screen and (max-width:700px){.experience-right-section{width:100%;margin-left:0;margin-top:2rem}.experience-left-section{width:100%;margin-right:0;display:flex}.experience-logo{width:50%}.experience-meta-text{margin-left:20px}}@media screen and (max-width: 500px){.experience-left-section{display:block}.experience-logo{width:100%}.experience-meta-text{margin-left:0}}.experience-company{font-family:Rubik;font-size:1.2rem;font-weight:800}.experience-subtitle{font-family:Rubik;font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.experience-subdescription{margin-bottom:.6rem}.experience-subbullets{list-style-type:square;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:20px;margin-bottom:.6rem}.experience-bullet{margin-bottom:.2rem}.education-tiles{max-width:1100px;margin-left:auto;margin-right:auto}.education-tile{display:flex;flex-wrap:wrap;margin:20px 10px;background-color:#333;padding:10px;border-radius:10px}.education-left-section{width:200px;margin-right:10px}.education-right-section{width:calc(100% - 240px);margin-left:10px}.education-logo{width:100%;background-color:#fff}.education-meta-text{margin-bottom:10px}@media screen and (max-width:700px){.education-right-section{width:100%;margin-left:0;margin-top:2rem}.education-left-section{width:100%;margin-right:0;display:flex}.education-logo{width:50%}}@media screen and (max-width: 500px){.education-left-section{display:block}.education-logo{width:100%}.education-meta-text{margin-left:0}}.education-company{font-family:Rubik;font-size:1.2rem;font-weight:800}.education-subtitle{font-family:Rubik;font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.education-subdescription{margin-bottom:.6rem}.education-subbullets{list-style-type:square;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:20px;margin-bottom:.6rem}.education-bullet{margin-bottom:.2rem}.about{max-width:1100px;margin-left:auto;margin-right:auto}.about-image{margin:10px;max-width:460px;max-height:460px;float:left}.about-text{margin:10px}.about-text>p{line-height:2rem;text-indent:30px}@media screen and (max-width:650px){.about-image{width:100%;max-width:calc(100% - 20px);max-height:800px;height:auto;margin:10px;aspect-ratio:1}}.footer{background-color:#171717;height:160px;width:100%;margin-top:8rem;display:flex;align-items:center;justify-content:center}.footer-container{max-width:1100px;margin-left:auto;margin-right:auto;padding:1rem;text-align:center}.footer-nav-list{display:flex;flex-direction:row;column-gap:2.5rem;padding-inline-start:0px}.footer-icon{padding:0 10px}.footer-copyright{font-size:.8rem}.header{width:100%;margin-left:auto;margin-right:auto;max-width:1100px}.nav{display:flex;align-items:center;justify-content:space-between;position:relative;height:60px;margin:1rem .5rem;z-index:10}.nav__title{height:50px;line-height:50px;display:flex;gap:20px;align-items:center}.nav__title__text{font-family:Rubik;font-weight:450;font-size:1.4rem}.nav__logo{transition:color .4s}.nav__toggle,.nav__close{font-size:1.5rem;cursor:pointer}.nav__cta{border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.75rem 1.5rem}@media screen and (max-width: 800px){.nav__menu{position:fixed;top:0;right:-100%;background-color:#000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:70%;padding:6rem 3rem 0;transition:right .4s}}@media screen and (max-width: 300px){.nav__menu{padding:4rem 1rem 2rem}.nav__list{row-gap:1rem}.nav__link,.nav__cta{padding:8px 16px;font-size:12px;margin-top:1rem;width:auto;white-space:nowrap}}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__close{position:absolute;top:1rem;right:1.5rem}.show-menu{right:0;border:1px solid black;background-color:#000}.nav__listt{display:flex;flex-direction:row;column-gap:2.5rem}.nav__menu_mobile{position:fixed;top:0;right:-100%;background-color:#0f0f0f33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:100%;padding:6rem 3rem 0;transition:right .4s}@media screen and (min-width: 800px){.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2.5rem}}.nav__cta:hover{color:#fff}.project-hero-img{width:100%;max-width:1100px;height:600px;object-fit:cover;object-position:bottom}.project-content>p{line-height:2rem;text-indent:30px}.project-content{margin:0 1rem}h3{margin-top:4rem}iframe{margin:1rem 0}.project-content-image-preview-container{display:flex;flex-wrap:wrap;max-width:1100px;margin-left:auto;margin-right:auto}.project-content-image-preview-tile{width:calc(50% - 20px);min-width:280px;margin:10px;border-radius:10px}@media screen and (max-width: 600px){.project-content-image-preview-tile{width:calc(100% - 20px)}}.project-content-image-preview{width:100%;height:auto}.project-content-image-container-title,.project-content-image-title{text-align:center}.project-content>p>a{color:#ff0}.project-content>p>a:hover{color:#007ba7}.scrollbar-div{width:"100%";overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;margin:0 auto 4rem}.scrollbar-nav{display:flex;gap:1.5rem;padding:.5rem 1rem;justify-content:center}.nav-link{font-size:1.125rem;font-weight:500;color:#fff;text-decoration:none;transition:color .3s;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--font-secondary-color)}@media screen and (max-width:850px){.scrollbar-nav{justify-content:left}}.form-input{width:100%;line-height:1.3rem;border:1px solid white;background-color:#000;color:#fff;border-radius:5px;margin-bottom:10px}.form-comment{width:100%;border:1px solid white;background-color:#000;color:#fff;border-radius:5px}.submit-button{background-color:#007ba7;font-family:Rubik;font-weight:600;color:#fff;border:1px solid #555555;font-size:.8rem;cursor:pointer;padding:.6rem 1.2rem;border-radius:5px;padding:.5rem 1.5rem}.submit-button:hover,.submit-button:active{background-color:#000;color:#fff;border-color:#fff}.error-msg{font-size:.75rem;color:red;margin-bottom:10px}.field-label{font-weight:800}