:root{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#242424;color-scheme:light dark;color:#ffffffde;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}a{color:#222;font-weight:500;text-decoration:inherit}a:hover{color:#f15722}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif;font-weight:700;line-height:1.25;margin:0}h1{font-size:76px}h2{font-size:48px}h3{font-size:32px}h4{font-size:28px}body{background-color:#fff;border-top:10px solid #F15722;display:flex;font-family:Titillium Web,sans-serif;font-size:18px;margin:0;min-width:320px;place-items:center}button{background-color:#f15722;border-radius:8px;border:1px solid transparent;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:600;padding:.6em 1.2em;transition:border-color .25s}button:hover{background-color:#eb470f;border-color:#eb470f}@media(prefers-color-scheme:light){::selection{background-color:#fde9e2;color:#d3400d}body{background-color:#fff;color:#222}:root{color:#222;background-color:#fff}}@media(prefers-color-scheme:dark){::selection{background-color:#fde9e2;color:#d3400d}body{background:#fff;color:#222}input,textarea{background-color:#fff;color:#222}input:valid{background-color:#fff;color:#222}:root{--input-bg: #fff;--input-text: $base-font-color}}.main{margin:0 auto;max-width:1024px;max-width:80rem;overflow-x:hidden;padding:0 2rem;width:100%}.header{display:flex;flex-direction:row;gap:40px;margin-bottom:60px;margin-top:100px}@media(max-width:680px){.header{gap:5px;margin-top:50px}}.header h2{border-bottom:4px solid #F15722;color:#888;font-family:Titillium Web;font-size:39px;font-weight:400;margin:-20px 0 20px;padding:0 0 15px}.header .header__logo{background:#fff;border:2px solid #ddd;border-radius:200px;padding:11px;box-shadow:0 10px 13px #0000001a;margin-left:-20px;max-height:150px;max-width:150px;width:100%}@media(max-width:680px){.header .header__logo{margin-left:0;max-height:130px;max-width:130px}}.header .header__logo svg{width:100%}.header .header__info{display:flex;flex-direction:column}@media(max-width:978px){.header{justify-content:center}.header h2{margin:0 0 20px}}@media(max-width:680px){.header{flex-direction:column}.header h1{font-size:46px}.header h2{font-size:24px;margin:0 0 20px}}.nav ul{display:flex;flex-direction:row;gap:30px;list-style:none;margin:0;padding:0}@media(max-width:680px){.nav ul{gap:12px}}.nav a{background-color:#fff;border:1px solid rgba(34,34,34,.2);border-radius:4px;display:block;font-family:Titillium Web;font-size:20px;font-weight:600;padding:8px 30px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nav a:hover{background-color:#f15722;border-color:#f15722;color:#fff}@media(max-width:680px){.nav a{font-size:16px;padding:8px 20px}}.homepage .nav .home-link,.portfolio .nav .portfolio-link,.contact .nav .contact-link{background-color:#2222220d}.homepage .nav .home-link:hover,.portfolio .nav .portfolio-link:hover,.contact .nav .contact-link:hover{background-color:#22222212;border-color:#2222224d;color:#222}.card{width:40%}.card h3{font-family:Titillium Web;font-size:40px;font-weight:400}.card p{font-size:24px}@media(max-width:978px){.card{order:2;width:100%}}.content{overflow:hidden;width:60%}.content h2{margin-bottom:40px}@media(max-width:978px){.content{order:1;width:100%}}.wrapper{display:flex;flex-direction:row;gap:80px;gap:130px}@media(max-width:680px){.wrapper{gap:40px}}@media(max-width:978px){.wrapper{flex-direction:column}}@media(max-width:978px){.homepage .card{order:1}.homepage .content{order:2}}.timeline{position:relative}.timeline h3{font-size:40px}.timeline h4{margin:0;position:relative}.timeline h4:before{background:#fff;border:2px solid #F15722;border-radius:100px;content:"";height:18px;position:absolute;left:-42px;width:18px}.timeline h4:after{background-color:#f15722;content:"";height:2px;left:-22px;position:absolute;top:10px;width:14px}.timeline p{margin:0}.timeline .timeline__roles{margin-inline:120px 0;position:relative}.timeline .timeline__role{padding:28px 0;position:relative}.timeline .timeline__role:before{background-color:#f15722;content:"";height:100%;left:-32px;position:absolute;width:2px}.timeline .timeline__role:last-of-type:before{display:none}.timeline .timeline__job.job--active h4:before{background:#fff;border:2px solid #F15722;border-radius:100px;content:"";height:18px;position:absolute;left:-42px;width:18px}.timeline .timeline__job{padding:0 0 40px}.timeline .timeline__company{display:flex}.timeline .timeline__company .timeline__logo{margin-right:10px;max-width:70px;width:100%}.timeline .timeline__company .timeline__logo img{max-width:60px;width:100%}.timeline .timeline__dates{align-items:center;background:#eee;border-radius:100px;display:inline-flex;font-size:14px;font-weight:600;margin:0 0 20px;padding:4px 15px;vertical-align:middle}.timeline .timeline__dates svg{height:15px;margin-right:5px;width:15px}.timeline .timeline__role__content .timeline__dates{margin:0 0 20px}.footer{border-top:1px solid #ddd;margin:90px 0}.footer .copyright{margin:40px 0}.social ul{display:flex;flex-direction:row;gap:20px;list-style:none;padding:0;margin:60px 0 0}.social a{border-radius:5px;border:1px solid #ddd;color:#777;font-size:18px;font-weight:600;padding:15px 20px;transition:background-color .2s ease-in-out}.social a:hover{background-color:#0000000d}.social svg{display:inline-block;fill:currentColor;margin-right:10px;max-height:22px;max-width:22px;vertical-align:sub}.gallery{display:flex;flex-direction:column;gap:40px}.gallery .gallery__item{border-bottom:1px solid #ddd;display:flex;gap:40px;padding-bottom:40px}.gallery .gallery__item:last-of-type{border:0}@media(max-width:680px){.gallery .gallery__item{flex-direction:column}}.gallery .zoom{cursor:zoom-in;transition:filter .2s ease-in-out}.gallery .gallery__img{width:45%}.gallery .gallery__img img{display:block;width:100%}@media(max-width:680px){.gallery .gallery__img{width:100%}}.gallery .gallery__info{width:65%}.gallery .gallery__info h3,.gallery .gallery__info p{margin:0}@media(max-width:680px){.gallery .gallery__info{width:100%}}.gallery .gallery__info .gallery__links .gallery__link:before{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' enable-background='new 0 0 512.001 512.001'  viewBox='0 0 512.001 512.001' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m124.216 512.001c-32.708.001-63.596-12.96-87.427-36.79-24.953-24.954-37.987-57.649-36.703-92.064 1.327-35.543 17.384-69.686 46.436-98.738l52.308-52.521c7.794-7.827 20.457-7.853 28.284-.058 7.826 7.794 7.853 20.458.058 28.284l-52.336 52.551c-42.411 42.411-46.413 97.61-9.761 134.262 36.653 36.655 91.852 32.652 134.232-9.732l71.887-71.887c21.789-21.788 33.805-46.667 34.748-71.945.865-23.17-8.019-45.291-25.015-62.287-5.695-5.694-11.996-10.526-18.729-14.361-9.598-5.467-12.947-17.68-7.48-27.277 5.468-9.598 17.681-12.946 27.277-7.48 9.838 5.604 18.995 12.614 27.217 20.835 24.953 24.953 37.987 57.648 36.703 92.063-1.327 35.543-17.384 69.687-46.436 98.738l-71.887 71.887c-29.053 29.052-63.195 45.108-98.738 46.436-1.548.055-3.097.084-4.638.084zm133.068-189.436c5.467-9.598 2.117-21.811-7.48-27.277-6.733-3.835-13.035-8.667-18.729-14.36-36.652-36.653-32.65-91.852 9.732-134.234l71.887-71.886c42.383-42.381 97.581-46.384 134.232-9.732 36.652 36.652 32.65 91.851-9.761 134.262l-52.336 52.551c-7.795 7.826-7.769 20.49.058 28.284 7.826 7.795 20.489 7.767 28.284-.058l52.308-52.522c29.052-29.052 45.108-63.195 46.436-98.737 1.284-34.415-11.75-67.111-36.703-92.064-24.954-24.954-57.666-37.986-92.064-36.704-35.543 1.327-69.686 17.384-98.737 46.436l-71.888 71.886c-29.052 29.052-45.108 63.195-46.436 98.737-1.284 34.415 11.75 67.111 36.703 92.065 8.221 8.22 17.378 15.229 27.217 20.834 3.124 1.779 6.524 2.625 9.88 2.625 6.953-.001 13.709-3.633 17.397-10.106z'/%3E%3C/svg%3E");content:"";display:inline-block;height:14px;margin-right:5px;width:14px}.tech{padding:20px 0}.tech .tech__used{margin-bottom:10px}.tech .tech__used strong{font-size:14px;font-weight:600}.tech .tech__stack__wrap{display:flex;flex-wrap:wrap;gap:10px}.tech .tech__stack{background:#0000000d;background:#2222221a;background:#222;border:1px solid rgba(34,34,34,.1);border:1px solid #fff;border-radius:100px;color:#222;color:#fff;font-size:12px;font-weight:600;padding:3px 12px}.tech.home--tech .tech__stack{font-size:16px}.lightbox{background:#000c;display:none;position:fixed;z-index:1000}.lightbox .lightbox__content p{color:#fff;font-weight:400}.lightbox:target{align-items:center;display:flex;justify-content:center;inset:0;transition:all .2s ease}.lightbox img{animation-name:grow;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards;border-radius:1em;display:block;margin:auto;max-height:80vh;max-width:90vh;width:100%}.lightbox .close{color:#fff;font-size:60px;font-weight:100;height:1em;position:fixed;right:0;top:0;width:1em;z-index:1001}.lightbox p{font-size:2em;font-weight:700;text-align:center}@media(max-width:680px){.lightbox p{font-size:18px}}@keyframes grow{0%{transform:scale(0);transform-origin:center}to{transform:scale(1)}}.form{display:flex;flex-direction:column}.form .form__field{padding:10px 0}.form .form__field input,.form .form__field textarea{border:1px solid #ccc;border-radius:6px;font-family:Titillium Web,system-ui,arial;font-size:18px;font-weight:600;padding:15px 20px;width:100%}.form .form__field input:focus,.form .form__field textarea:focus{border-color:#a2a2a2;outline:none}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;font-weight:700;padding:2rem 4rem;text-align:center}.modal svg{height:120px;width:120px}.modal p{font-size:20px;font-weight:400}