:root{color-scheme:light dark;--font: 'Montserrat', sans-serif;--primary-color: #42A5F5}@font-face{font-family:"Montserrat";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff")}@font-face{font-family:"Montserrat";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("../fonts/Montserrat-Bold.woff") format("woff")}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#ebebeb;background-clip:padding-box;border-radius:3px}html,body{height:100%}body{font-family:var(--font);line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--bg-color);color:var(--text-color);background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-tap-highlight-color:transparent;-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.lock{overflow:hidden}body.lock .popup-overlay{opacity:1;visibility:visible;pointer-events:auto}svg{width:100%;height:100%}ul{list-style:none}img{display:block;max-width:100%;height:auto}a{text-decoration:none}.main{margin-bottom:40px}.container{max-width:768px;margin:0 auto;padding:0 1rem}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn{background-color:var(--primary-color);border:0;display:inline-block;padding:1rem 1.5rem;border-radius:6px;cursor:pointer;-webkit-box-shadow:0 2px 10px var(--primary-color);box-shadow:0 2px 10px var(--primary-color);font-size:1rem;font-weight:700;color:#0C151D;min-width:200px;opacity:1;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}.btn:hover{opacity:0.9;-webkit-box-shadow:0 0px 0px var(--primary-color);box-shadow:0 0px 0px var(--primary-color)}.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-success{background-color:var(--bg-color);position:absolute;top:0;right:0;bottom:0;left:0;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-success__icon{height:50px;width:50px;fill:var(--primary-color)}.form.success .form-success{display:-webkit-box;display:-ms-flexbox;display:flex}.form__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:1rem;font-family:var(--font);margin-bottom:1rem;padding:0.7rem;border-radius:6px;background-color:var(--bg-color);color:var(--text-color);outline:none;resize:none;width:100%}.form__item::-webkit-input-placeholder{opacity:1;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.form__item:-ms-input-placeholder{opacity:1;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.form__item::-ms-input-placeholder{opacity:1;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.form__item::placeholder{opacity:1;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.form__item:focus::-webkit-input-placeholder{opacity:0}.form__item:focus:-ms-input-placeholder{opacity:0}.form__item:focus::-ms-input-placeholder{opacity:0}.form__item:focus::placeholder{opacity:0}.header{padding:1rem 0}.header__row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{fill:currentColor;height:16px;width:50px}.header__switcher{margin-left:auto}.switcher{position:relative;padding:2px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:50px;border:none}.switcher__legend{position:absolute;opacity:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switcher__radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:0;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:14px;cursor:pointer;-webkit-transition:-webkit-filter 0.2s ease-in;transition:-webkit-filter 0.2s ease-in;transition:filter 0.2s ease-in;transition:filter 0.2s ease-in, -webkit-filter 0.2s ease-in}.switcher__radio:focus{outline:none}.switcher__radio--light{background-image:url("../img/light.svg")}.switcher__radio--auto{background-image:url("../img/auto.svg")}.switcher__radio--dark{background-image:url("../img/dark.svg")}.switcher__status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 0 2px rgba(0,0,0,0.2);border-radius:18px;background-color:rgba(255,255,255,0.5);background-repeat:no-repeat;background-image:url("../img/status.svg");background-size:20px;background-position:center;-webkit-transition:background-position 0.2s ease-in;transition:background-position 0.2s ease-in}.switcher__radio:focus-visible ~ .switcher__status{-webkit-box-shadow:0 0 0 2px #000;box-shadow:0 0 0 2px #000}.switcher__radio--light:checked ~ .switcher__status{background-position:left 2px center}.switcher__radio--auto:checked ~ .switcher__status{background-position:center center}.switcher__radio--dark:checked ~ .switcher__status{background-position:right 2px center}.profile{margin-bottom:2rem}.profile__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.profile-avatar{padding:6px;height:150px;width:150px;border:3px solid var(--primary-color);border-radius:50%;overflow:hidden;margin:1rem 0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile-avatar picture{height:inherit;width:inherit;border-radius:inherit}.profile-avatar img{height:100%;width:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.profile-name{font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1em}.profile-name span{font-size:1rem;font-weight:400;color:var(--gray-color)}.social{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2rem}.social__link{height:24px;width:24px;color:var(--text-color);margin:0 4px;-webkit-transition:color .25s ease;transition:color .25s ease}.social__link:hover{color:var(--primary-color)}.social__link svg{height:100%;width:100%;fill:currentColor}.tab__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tab-nav{position:relative;background-color:var(--lightgray-color);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px;gap:6px;border:0;margin-bottom:2rem}.tab-nav__item{position:relative}.tab-nav__item:hover span{background-color:var(--bg-color)}.tab-nav__item input{height:1px;width:1px;position:absolute;-moz-appearance:none;appearance:none;-webkit-appearance:none;visibility:hidden}.tab-nav__item input:checked+span{background-color:var(--bg-color)}.tab-nav span{border-radius:6px;border:0;font-weight:400;padding:1rem;cursor:pointer;background-color:transparent;min-width:130px;text-align:center;cursor:pointer;font-size:.8rem;letter-spacing:0.1em;-webkit-transition:background-color .25s ease;transition:background-color .25s ease;width:100%;display:block}.tab-content{max-width:720px;width:100%;display:none;gap:1rem}.tab-content.isactive{display:-ms-grid;display:grid}@media (min-width: 480px){.projects{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}.project{position:relative;color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;border-radius:10px}.project:hover .project-content{bottom:0}.project-img{position:relative;border-radius:inherit;width:100%}.project-content{border-radius:inherit;position:absolute;padding:1rem;height:100%;width:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(78,104,126,0.3)), color-stop(95%, #080a0d));background:linear-gradient(180deg, rgba(78,104,126,0.3) 0%, #080a0d 95%);-webkit-transition:bottom .35s ease;transition:bottom .35s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;bottom:-105%}.project-content__title{font-weight:700;margin-bottom:.6em;font-size:calc(1vh + 1vw)}@media (max-width: 480px){.project-content__title{font-size:1rem}}.project-content__text{font-size:1rem;margin-bottom:.6em}.project-content__link{height:30px;width:30px;border-radius:4px;background-color:var(--primary-color);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-content__link svg{height:15px;width:15px;fill:currentColor}.skills{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}@media (min-width: 780px){.skills{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}}.skill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.skill-icon{height:30px;width:30px;margin-right:10px}.skill-title{font-weight:400;font-size:1rem}.footer{margin-top:auto;text-align:center;padding:1rem 0;font-size:12px}.popup{position:fixed;z-index:15;max-width:450px;min-width:310px;background-color:var(--lightgray-color);padding:1rem;border-radius:10px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;visibility:hiddent;pointer-events:none;-webkit-transition:all .35s ease;transition:all .35s ease;overflow:hidden}.popup.isopen{opacity:1;visibility:visible;pointer-events:auto}.popup-overlay{position:fixed;z-index:10;background-color:rgba(0,0,0,0.4);top:0;left:0;bottom:0;right:0;opacity:0;visibility:hiddent;pointer-events:none;-webkit-transition:all .25s ease;transition:all .25s ease}.popup-close{position:relative;margin-left:auto;height:30px;width:30px;margin-bottom:1rem;font-size:2.5rem;overflow:hidden;text-align:center;line-height:2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color);z-index:1}