body,footer,h1,h2,header,html,label,main,nav,p{padding:0;margin:0;box-sizing:border-box;--text-color:#828282;--accent-text-color:#070707;--inverse-color-text:#fff;color:var(--text-color);font-size:18px}.container{max-width:950px;margin-right:auto;margin-left:auto}.title{font-size:34px;font-weight:700;color:var(--accent-text-color)}.h100{height:100vh;justify-content:center}.h100,.navbar{display:flex;align-items:center}.navbar{justify-content:space-between;padding:34px 0;border-bottom:1px solid;border-color:var(--text-color)}.navbar__link{color:inherit;text-decoration:none}.navbar__link::hover{color:var(--accent-text-color);transition:color .2s ease-in;font-weight:700;transition:font-weight .2s ease-in}.header{margin-top:75px}.header__row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.header__name{font-size:47px;font-weight:700;text-transform:uppercase;width:235px}.header__info,.header__name{color:var(--accent-text-color)}.header__info{width:180px}.header__img{width:100%;height:auto}.about{margin-top:225px}.about__title{margin-bottom:20px;text-align:center}.about__info{text-align:center;max-width:445px;margin-left:auto;margin-right:auto}.about__info-item{margin-bottom:50px;font-size:15px}.about__info-item::last-child{margin-bottom:0}.portfolio{margin-top:225px}.portfolioItem{display:flex;flex-direction:column;row-gap:10px;text-align:center;max-width:300px}.portfolioItem__link{color:var(--accent-text-color)}.portfolioList{display:flex;column-gap:20px;row-gap:20px;flex-wrap:wrap}.portfolio__title{text-align:center;margin-bottom:40px}.footer{margin-top:225px;text-align:center;display:flex;flex-direction:column;align-items:center}.social{display:flex;column-gap:70px}.footer__info{margin-bottom:30px;margin-top:45px;font-size:14px}.myInput{background-color:transparent;border:none;border-bottom:1px solid;border-color:var(--text-color);color:var(--accent-text-color)}.myBtn{color:var(--inverse-color-text);background-color:var(--accent-text-color);border:none;font-weight:700;padding:12px 25px;border-radius:22.8px}.fileInput{color:var(--accent-text-color)}.form{row-gap:15px}.admin,.form{display:flex;flex-direction:column}.admin{height:100vh;justify-content:center;align-items:center}.admin__text,.admin__title{margin-bottom:25px}.loadingPage__title,.page404__title{color:var(--accent-text-color)}@media screen and (max-width:767px){body,footer,h1,h2,header,html,label,main,nav,p{font-size:14px}.title{font-size:28px}.header__name{font-size:39px;max-width:200px}.header__info{max-width:140px}.footer__info{font-size:12px}}