@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap";.header{display:flex;justify-content:space-between;position:fixed;background-color:#000e1c;width:100%;padding:15px 0 13px;top:0;z-index:3;border-bottom:2px solid #ffffff}.header-titlebox{margin-left:20px;display:flex}@media only screen and (min-width:0px)and (max-width:800px){.header-titlebox{flex-direction:column}}.header-titlebox__title{font-size:1.125rem;line-height:1.5555555556;margin:0}.header-titlebox__mail{font-size:1.125rem;line-height:1.5555555556;margin:0 0 0 5px;color:#fff;text-decoration:none}@media only screen and (min-width:0px)and (max-width:800px){.header-titlebox__mail{margin:0}}.header-titlebox__mail:hover{text-decoration:underline}.header-nav{display:flex;align-items:center}.header-nav__burgermenu{display:none;margin-right:20px;background-color:transparent;color:#fff;border:2px solid #ffffff;border-radius:5px;padding:5px}@media only screen and (min-width:0px)and (max-width:800px){.header-nav__burgermenu{display:flex}}.header-nav__burgermenu-close,.header-nav__burgermenu-menu{font-size:1.875rem;line-height:1.2;display:flex;align-items:center;justify-content:center}.header-nav-list{list-style:none;display:flex;padding:0;margin:0;flex-wrap:wrap}@media only screen and (min-width:0px)and (max-width:800px){.header-nav-list{display:none;position:fixed;top:80px;left:0;width:100%;background-color:#000e1c;border-bottom:2px solid #ffffff;padding-bottom:10px}}.header-nav-list__items{margin:0 10px}@media only screen and (min-width:0px)and (max-width:800px){.header-nav-list__items{margin:0 20px}}.header-nav-list__items:last-child{margin-right:20px}.header-nav-list__items:hover{text-decoration:underline}.header-nav-list__items-link{color:#fff;text-decoration:none;font-size:1.125rem;line-height:1.5555555556}.main{scroll-margin-top:20px}.banner-section{background-color:#001934;box-shadow:0 0 20px 15px #001934;margin-bottom:13vmin;display:flex;padding:8vmin 11vw;flex-direction:row}@media only screen and (min-width:0px)and (max-width:500px){.banner-section{flex-direction:column;text-align:center}}@media only screen and (min-width:501px)and (max-width:712px){.banner-section{padding:8vmin 5vw}}.banner-section__title{font-size:4.2vw;border-right:10px solid #ffffff;border-bottom:none;margin:0 2vw 0 0}@media only screen and (min-width:0px)and (max-width:500px){.banner-section__title{border-right:none;border-bottom:5px solid #ffffff;padding-bottom:5px;margin:0 0 5px;font-size:9vw}}@media only screen and (min-width:501px)and (max-width:712px){.banner-section__title{font-size:5vw}}.banner-section__title--seperator{font-size:1.2em;line-height:.9em}.banner-section__title--2nd-half{font-size:.8em}.banner-section__subtitle{font-size:2.5vw;align-self:center;margin:0}@media only screen and (min-width:0px)and (max-width:500px){.banner-section__subtitle{font-size:5.5vw}}@media only screen and (min-width:501px)and (max-width:712px){.banner-section__subtitle{font-size:2.7vw}}.projects-section{padding:0 5vw;scroll-margin-top:70px;margin-bottom:40px}@media only screen and (min-width:0px)and (max-width:800px){.projects-section{padding:0 3vw}}.projects-section .slides-info{position:fixed;width:100%;height:100dvh;margin:0;background-color:#000000ba;top:0;left:0;z-index:2}.projects-section .slides-info__leave{font-size:2.5em;line-height:0;position:fixed;top:0;left:0;background-color:#000000ba;color:#fff;border:none;padding:10px;z-index:3;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;border-radius:0 0 10px}.projects-section .slides-info__prev,.projects-section .slides-info__next{position:fixed;top:43%;font-size:2em;line-height:0;color:#fff;background-color:#000000ba;border:2px solid #ffffff;padding:10px;border-radius:5px}.projects-section .slides-info__prev{left:20px}.projects-section .slides-info__next{right:20px}.projects-section .slides-info__image{justify-self:center;width:100%;height:100dvh;object-fit:contain;grid-row:1/1;grid-column:1/1}.projects-section .slides-info__info{font-size:1.3em;padding:1.5em 1em 2em;align-self:end;grid-row:1/1;grid-column:1/1;background-color:#161616dd;box-shadow:0 -5px 15px 5px #161616dd}.projects-section__helper{height:0}.projects-section__helper h4{width:280px;font-size:.8em;position:relative;margin:0;top:1em;left:18em;transform:rotate(-2deg);color:#ffffff71;display:grid;grid-template-columns:20px auto}@media only screen and (min-width:471px)and (max-width:550px){.projects-section__helper h4{left:13em}}@media only screen and (min-width:376px)and (max-width:470px){.projects-section__helper h4{left:13em;width:180px}}@media only screen and (min-width:0px)and (max-width:375px){.projects-section__helper h4{left:13em;width:120px;top:.5em}}.projects-section__helper h4 span:first-child{font-size:1.3em;position:relative;top:6px}@media only screen and (min-width:0px)and (max-width:375px){.projects-section__helper h4 span:first-child{top:18px}}.projects-section__title{font-size:2em;margin-top:0}.projects-section__box{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.project{margin-bottom:2em;display:flex}.project:nth-child(2n){margin-left:auto}@media only screen and (min-width:0px)and (max-width:917px){.project:nth-child(2n){margin-left:0}}@media only screen and (min-width:0px)and (max-width:750px){.project{flex-direction:column}}.project__image{width:25em;aspect-ratio:2/1.1;margin-right:25px;object-fit:contain}.project__image:hover{cursor:pointer}@media only screen and (min-width:0px)and (max-width:750px){.project__image{width:100%;margin-right:0;margin-bottom:20px}}.project__info{width:25em;display:flex;flex-direction:column}@media only screen and (min-width:751px)and (max-width:800px){.project__info{width:15em}}@media only screen and (min-width:0px)and (max-width:750px){.project__info{width:100%}}.project__info h3{margin-top:0;margin-bottom:10px;font-size:1.5em}.project__info p{font-size:1.3em;margin-top:0}.project__info a{font-size:1.3em;text-decoration:none;color:inherit;margin-top:auto;border:2px solid #ffffff;border-radius:10px;padding:5px 10px;text-align:center}.project__info ul{list-style:none;display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media only screen and (min-width:0px)and (max-width:475px){.project__info ul{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:751px)and (max-width:940px){.project__info ul{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:476px)and (max-width:750px){.project__info ul{width:50%;grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.project__info ul li{margin:0 10px 10px 0;border:2px solid #ffffff;border-radius:20px;padding:5px 10px;font-size:1.1em;text-align:center}.project__info ul li:last-child{margin-right:0}.skills-section{display:flex;flex-direction:column;padding:0 12vw;margin-bottom:20px;scroll-margin-top:100px;border-top:2px solid #ffffff;padding-top:30px}@media only screen and (min-width:0px)and (max-width:800px){.skills-section{padding:0 3vw}}.skills-section__title{font-size:2.25rem;line-height:1.1111111111;background-color:#00060d;box-shadow:0 0 10px 15px #00060d;text-align:center;position:relative;width:120px;bottom:52px;z-index:2;margin:0;align-self:center}@media only screen and (min-width:0px)and (max-width:800px){.skills-section__title{bottom:23px}}.skills-section-skill{display:grid;grid-template-columns:1fr 1fr;margin-bottom:50px}@media only screen and (min-width:0px)and (max-width:1000px){.skills-section-skill{grid-template-columns:1fr}}.skills-section-skill__title{font-size:3.75rem;line-height:1;margin:0}@media only screen and (min-width:0px)and (max-width:1000px){.skills-section-skill__title{margin:0 0 20px 20px}}@media only screen and (min-width:0px)and (max-width:352px){.skills-section-skill__title{font-size:3rem;line-height:1}}.skills-section-skill-list{padding:0;list-style:none;margin:0;display:flex;flex-wrap:wrap}.skills-section-skill-list-items{display:flex;justify-content:space-between;align-items:center;margin:0 20px 15px;gap:10px}.skills-section-skill-list-items__icon{width:50px}.skills-section-skill-list-items__name{font-size:1.125rem;line-height:1.5555555556;margin:0}.footer{background-color:#000e1c;box-shadow:0 0 20px 15px #000e1c;margin-top:13vmin;padding:20px 4vw 0;display:flex;flex-direction:column}@media only screen and (min-width:450px){.footer{flex-direction:row;justify-content:space-between}}.footer-socials__title,.footer-contact__title{margin:0 0 5px;font-size:1.2em}.footer-socials .footer-socials-list,.footer-contact .footer-socials-list{list-style:none;padding:0;margin:0 0 20px;font-size:1.2em}.footer-socials .footer-socials-list__media,.footer-contact .footer-socials-list__media{margin-bottom:5px}.footer-socials .footer-socials-list__link,.footer-contact .footer-socials-list__link{color:#fff}.footer-socials__email,.footer-contact__email{font-size:1.2em;margin:0;color:#fff}body{background:radial-gradient(circle,#000,#001930 90%);color:#fff;margin:0}h1,h2,h3,h4,h5{font-family:Montserrat,Arial}p,button,a{font-family:Vend Sans,sans-serif}button,a{cursor:pointer}html{scroll-behavior:smooth}