@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:100px}.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{display:flex;flex-direction:column;margin-bottom:100px;scroll-margin-top:100px}@media only screen and (min-width:0px)and (max-width:800px){.projects-section{scroll-margin-top:160px}}.projects-section{border-top:2px solid #ffffff;padding-top:30px}@media only screen and (min-width:0px)and (max-width:768px){.projects-section{margin:0}}.projects-section__title{font-size:2.25rem;line-height:1.1111111111;background-color:#001120;box-shadow:0 0 10px 15px #001120;text-align:center;position:relative;width:180px;bottom:52px;z-index:2;margin:0;align-self:center;border-radius:30px}.projects-section__extra-title{display:flex;align-items:center;font-size:1rem;line-height:1.5;text-align:center;position:relative;width:320px;bottom:40px;z-index:2;margin:0;align-self:center;color:#bbb}.projects-section__extra-title--left,.projects-section__extra-title--right{font-size:1.5rem;line-height:1.3333333333}.projects-section-info{position:fixed;width:100%;height:100dvh;top:0;left:0;z-index:4;flex-direction:column;justify-content:center;align-items:center;background-color:#000000e0}.projects-section-info__close{margin-left:190px;margin-bottom:10px;color:#fff;font-size:1.25rem;line-height:1.4;text-decoration:none;border:2px solid #ffffff;border-radius:2px;padding:2px 5px;background-color:#000}.projects-section-info__close:hover{border-color:#58cdff;color:#58cdff}.projects-section-info-infobox{display:flex;flex-direction:column;border:2px solid #ffffff;padding:20px;border-radius:5px;text-align:center;background-color:#000}.projects-section-info-infobox__website,.projects-section-info-infobox__github,.projects-section-info-infobox__more{color:#fff;font-size:1.5rem;line-height:1.3333333333;text-decoration:none;border:2px solid #ffffff;padding:7px 10px;background-color:#000;border-radius:2px}.projects-section-info-infobox__website:hover,.projects-section-info-infobox__github:hover,.projects-section-info-infobox__more:hover{border-color:#58cdff;color:#58cdff}.projects-section-info-infobox__website,.projects-section-info-infobox__github{margin-bottom:10px}.projects-section-slides{position:fixed;width:100%;height:100dvh;margin:0;background:radial-gradient(circle,#000,#001930 90%);top:0;left:0;z-index:5;flex-direction:column}.projects-section-slides__close{position:fixed;top:0;left:0;background-color:#000;color:#fff;border:none;padding:10px;z-index:3;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;border-radius:0 0 10px;font-size:1.125rem;line-height:1.5555555556}.projects-section-slides__prev,.projects-section-slides__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__prev{left:20px}.projects-section-slides__next{right:20px}.projects-section-slides__image{justify-self:center;align-self:center;height:80%;width:80%;margin:auto 0;object-fit:contain}@media only screen and (min-width:0px)and (max-width:800px){.projects-section-slides__image{height:60%;width:100%}}.projects-section-slides__info{font-size:1.3em;padding:1.5em 1em 2em;background-color:#000b16;box-shadow:0 0 20px 15px #000b16}.projects-section-list{display:flex;padding:0;margin:0;list-style:none;overflow:auto;white-space:nowrap;scroll-snap-type:x mandatory;-ms-overflow-style:auto}@media only screen and (min-width:0px)and (max-width:768px){.projects-section-list{scrollbar-width:none}.projects-section-list::-webkit-scrollbar{display:none}}.projects-section-list-items{display:flex;margin-bottom:100px}.projects-section-list-items__line{background-color:#fff;width:150px;height:3px;align-self:center}.projects-section-list-items__v-line{background-color:#fff;width:3px;height:30px;align-self:center}.projects-section-list-items-article{width:230px;min-height:320px;display:flex;flex-direction:column;scroll-snap-stop:always;scroll-snap-align:center}.projects-section-list-items-article__title{align-self:center;margin:0 0 10px;font-size:1.25rem;line-height:1.4;text-decoration:underline;cursor:pointer}.projects-section-list-items-article__title:hover{font-size:1.5rem;line-height:1.3333333333}.projects-section-list-items-article-info{display:flex;flex-direction:column;border:2px solid #ffffff;border-radius:20px;padding:20px 10px 10px;height:100%}.projects-section-list-items-article-info__icon{width:60px;align-self:center;padding:5px;border-radius:5px;margin-bottom:20px}.projects-section-list-items-article-info .tools-list{display:flex;flex-wrap:wrap;padding:0;margin:auto;list-style:none}.projects-section-list-items-article-info .tools-list-items{margin:0 10px 10px;border:2px solid;border-radius:10px;padding:3px 7px}.projects-section-list-items-article-info .tools-list-items__name{margin:0;font-size:1rem;line-height:1.5}.skills-section{display:flex;flex-direction:column;padding:0 12vw;margin-bottom:20px;scroll-margin-top:100px}@media only screen and (min-width:0px)and (max-width:800px){.skills-section{scroll-margin-top:160px}}.skills-section{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;border-radius:30px}@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-contact__title{text-align:end}}.footer-socials__title,.footer-contact__title{margin:0 0 5px;font-size:1.5rem;line-height:1.3333333333}.footer-socials .footer-socials-list,.footer-contact .footer-socials-list{list-style:none;padding:0;margin:0 0 20px;font-size:1.125rem;line-height:1.5555555556}.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;display:flex;align-items:center}.footer-socials .footer-socials-list__link--icon,.footer-contact .footer-socials-list__link--icon{font-size:1.5rem;line-height:1.3333333333;display:flex;justify-content:center;margin-right:5px}.footer-socials__email,.footer-contact__email{font-size:1.2em;margin:0 0 20px;color:#fff;font-size:1.125rem;line-height:1.5555555556;display:flex;align-items:center}@media only screen and (min-width:450px){.footer-socials__email,.footer-contact__email{margin:0}}.footer-socials__email--icon1,.footer-contact__email--icon1{font-size:1.5rem;line-height:1.3333333333;display:flex;justify-content:center;margin-right:5px}@media only screen and (min-width:450px){.footer-socials__email--icon1,.footer-contact__email--icon1{display:none}}.footer-socials__email--icon2,.footer-contact__email--icon2{font-size:1.5rem;line-height:1.3333333333;display:none;justify-content:center;margin-left:5px}@media only screen and (min-width:450px){.footer-socials__email--icon2,.footer-contact__email--icon2{display:flex}}body{background:radial-gradient(circle,#000,#001930 90%);color:#fff;margin:0}h1,h2,h3,h4,h5{font-family:Montserrat,Arial}p,button,a,figcaption{font-family:Vend Sans,sans-serif}button,a{cursor:pointer}html{scroll-behavior:smooth}