@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap);*{box-sizing:border-box;font-family:DM Sans,sans-serif;margin:0;padding:0}.accordion{display:none}.accordion-button:not(.collapsed){background-color:beige;color:#000}.accordion-button:focus,.accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 rgba(0,0,0,.13)}.accordion-button:not(.collapsed):after{filter:grayscale(100%)}p{margin-bottom:0}.quote{background:beige;border-left:4px solid #888;border-radius:4px;color:#3f3f3f;font-size:18px;font-style:italic;margin:1rem 0;padding-left:1rem}::selection{background-color:beige;color:#000}a{cursor:pointer;text-decoration:none}a,a:hover{color:#000}a:hover{text-decoration:underline}.container{padding-bottom:100px}.wrapper{opacity:0;transition:all .5s}.preloader{align-items:center;background-color:#fff;bottom:0;display:flex;height:100vh;justify-content:center;left:0;max-width:100vw;opacity:1;position:fixed;right:0;top:0;z-index:1}.preloader img{width:100%}@keyframes hidePreloader{0%{opacity:1}to{opacity:0}}.header{justify-content:space-between;margin-top:20px}.header,.header__email{align-items:center;display:flex}.header__email{gap:10px}.header__email a{color:#000;cursor:pointer;font-weight:500}.header__email a:hover{text-decoration:underline}.header__email .icon{cursor:pointer;height:20px;transform:translateY(-3px);width:20px}.links{align-items:center;display:flex;gap:40px;padding-left:20px}.links a,.main_name{font-weight:700}.main_name{font-size:20px}.svg-icon{height:20px;transform:translateY(-2px);width:20px}.svg-icon.app{transform:translateY(3px)}.svg-icon.footer{transform:translateY(-3px)}main{display:flex;justify-content:space-between;margin-top:200px;position:relative}main .address{align-items:center;display:flex;gap:10px;margin-bottom:20px}main .address__title{font-weight:500}main .greeting{font-size:60px;font-weight:700;line-height:80px}main .descr{margin:40px 0;width:680px}main .main__image{position:relative;right:0;top:0}main .main__image .my_photo{border-radius:50%;filter:grayscale(100%);height:auto;max-width:400px;width:100%}main .accent{position:absolute;right:-30px;top:120px;transition:transform .1s ease-out}main .accent img{width:600px}.view_resume_btn{border:1px solid #000;border-radius:3px;color:#000;cursor:alias;display:block;margin:100px auto 0;padding:5px 10px;position:relative;text-decoration:none;transition:all .2s ease;width:fit-content;z-index:999}.view_resume_btn:hover{background-color:#2e2e2e;color:#fff;text-decoration:none}.about_me{align-items:center;display:flex;justify-content:space-around;margin-top:200px;padding:0 50px;width:100%}.about_me__title{font-size:18px;font-weight:700}.about_me__descr{margin-top:30px;width:80%}.about_me span{font-weight:700}.about_me__img{width:360px}.projects{margin-top:150px}.projects__item{display:grid;gap:130px;grid-template-columns:500px auto;grid-template-rows:min-content;margin-bottom:50px}.projects__item-title{font-size:20px;font-weight:700}.projects__item-descr{margin:20px 0}.projects__item-link a{align-items:center;color:#0082a9;display:flex;font-weight:500;gap:5px}.projects__item-link a svg{transform:translateY(-2px)}.projects__item-link a .visitSite{margin-top:10px}.projects__item-tech{border-radius:5px;font-size:13px}.projects__item-tech span{font-weight:600}footer{align-items:center;display:flex;justify-content:space-between;margin-top:100px}#lang-switcher{background:#fff;border:1px solid;bottom:30px;box-shadow:2px 2px 5px rgba(0,0,0,.3);display:none;font-size:13px;font-weight:600;height:30px;position:fixed;right:30px;width:30px}.rights{margin-top:30px}@media(max-width:1280px){main{margin-top:130px}main .greeting{font-size:50px}main .descr{width:470px}main .images{align-items:center;display:flex;justify-content:center}main .images .main__image .my_photo{height:auto;max-width:300px;width:100%}main .images .main__image .accent{top:150px}main .images .main__image .accent img{width:400px}.about_me{align-items:center;margin-top:150px}.about_me__img{height:40%;width:40%}}@media(max-width:1024px){main{display:flex;flex-direction:column;margin-top:90px}main .descr,main .greeting{width:100%}main .images{margin-top:40px}main .images .main__image img{width:380px}main .images .main__image .my_photo{display:block;margin:0 auto}main .images .main__image .accent{right:30px}.about_me{margin-top:70px}.about_me__img{display:none}.projects{margin-top:100px}.projects__item{gap:40px;grid-template-columns:360px auto;margin-bottom:50px}.view_resume_btn{margin-top:120px}}@media(max-width:768px){main{flex-direction:column;margin-top:100px}main .greeting{font-size:40px;line-height:50px;width:100%}main .greeting span{font-size:34px}main .descr{margin:20px 0;width:90%}main .images{display:flex;justify-content:center}main .images img{width:300px}main .images .accent{transform:translateY(-30px)}main .links{padding-left:0}.about_me{margin-top:80px}.about_me__descr{width:90%}.projects__item{gap:30px;grid-template-columns:auto;grid-template-rows:auto auto;margin-bottom:50px}footer{align-items:start;flex-direction:column;gap:20px}footer .links{padding-left:0}}@media(max-width:640px){.header{align-items:start;flex-direction:column}.links{gap:15px}main .my_photo{width:280px}.about_me{padding:0}.projects{margin-top:90px}.projects__item{gap:0;grid-template-columns:auto;grid-template-rows:auto auto;margin-bottom:50px}.projects__item-title{margin:20px 0}.projects__item-descr{font-size:15px;margin:15px 0}}@media(max-width:480px){.accordion{display:block;margin-top:50px}.about_me{display:none}.quote{font-size:16px}.view_resume_btn{margin-top:70px}main{margin-top:50px}main .images .main__image .my_photo{width:250px}main .images .main__image .accent img{width:300px}.projects__item{gap:10px;grid-template-columns:auto;grid-template-rows:auto auto;margin-bottom:50px}.projects__item-descr{font-size:15px;margin:10px 0}}