#root{width:1280px;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;height:100vh}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.header__name{color:#fff;font-size:32px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;padding:0;margin:0}.header__logo-section{display:flex;gap:10px}.header__logo{width:33px;height:32px}.intro{padding-top:20px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px}.intro__info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.intro__image{max-width:400px;max-height:500px;border-radius:20px}.intro__button{color:#fff;border:none;background-color:transparent;padding:0;margin:0;text-decoration:underline}.intro__button:hover{cursor:pointer}.intro__button-link{text-decoration:none;margin:0;padding:0}.intro__button-link:hover{cursor:pointer}@media screen and (max-width: 800px){.intro{display:flex;flex-direction:column}}.footer{padding-top:30px;padding-bottom:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.footer__name{color:#fff;font-size:32px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;padding:0;margin:0}.footer__logo-section{display:flex;gap:10px}.footer__logo{width:33px;height:32px}.contact-form{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080}.contact-form__close-button{position:absolute;width:18px;height:18px;top:-20px;right:-20px}.contact-form__close-button:hover{opacity:.5;cursor:pointer}.contact-form__content{background-color:#fff;width:430px;min-height:380px;border-radius:20px;padding:34px 35px 0;position:relative;font-family:Cabinet Grotesk,Arial,sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:20px;box-sizing:border-box}.contact-form__label{display:flex;flex-direction:column}.contact-form__input{padding-block:0px;padding-inline:0px;border:solid;border-width:thin;width:100%}.contact-form__form{display:flex;flex-direction:column;gap:10px}.contact-form__submit-button{width:70px;margin:auto}.projects-section{padding-top:30px}.projects-section__container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.project{width:300px;height:200px;background-color:#fff;border:none;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.project__description{padding:0;margin:0}.project__title{font-weight:700;padding:0;margin:0}.skills{padding-top:30px}.skills__list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.skills__item{color:#fff;text-decoration:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#221f1f}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:32px;line-height:1.1;color:#fff;padding:0;margin:0}h2{color:#fff}p{color:#000}