@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Karla,sans-serif}html{scroll-behavior:smooth}#about,#projects,#contact,#skills{scroll-margin-top:90px}a{text-decoration:none}li{list-style-type:none}.special{background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-nav-item{font-size:36px;font-weight:700;color:#ffffffc5;position:relative;width:max-content;margin-bottom:30px}.title-nav-item:after{position:absolute;content:"";display:block;width:100%;height:3px;margin-top:3px;border-radius:10px;background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%)}.descr-nav-item{font-size:20px;color:#ffffffc5;font-weight:400;margin-bottom:80px}.app-item{max-width:1300px;margin:0 auto 60px}@media only screen and (max-width:768px)and (min-width:320px){.title-nav-item{font-size:28px;font-weight:700;color:#ffffffc5;position:relative;width:max-content;margin-bottom:30px}.title-nav-item:after{position:absolute;content:"";display:block;width:100%;height:3px;margin-top:3px;border-radius:10px;background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%)}.descr-nav-item{font-size:18px;color:#ffffffc5;font-weight:400;margin-bottom:80px}}.light-nav{color:#000777}.app{width:100%}.light{background-color:#fff}.dark{background-color:#151327}.header{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px;margin:0 auto 10px;background-color:#2e2d3d;padding:0 40px;box-sizing:border-box;position:fixed;top:0;scroll-margin-top:90px;z-index:9}.header a p{font-size:32px;font-weight:700}.header nav ul{display:flex;gap:25px}.header nav ul li a{color:#ffffffc5;font-size:18px;font-weight:600;position:relative}.header nav ul li a:hover:after{position:absolute;content:"";display:block;width:50%;height:2px;margin-top:4px;background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%)}.header nav ul li .active-nav:after{position:absolute;content:"";display:block;width:50%;height:2px;margin-top:4px;background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%)}.header .btns{display:flex;align-items:center;justify-content:center;height:80px;gap:20px}.header .theme{background:none;border:none;font-size:24px;cursor:pointer}.header .modal-btn{display:none;cursor:pointer;background-color:transparent;border:none}.header .modal-btn i{color:#ffffffc5;font-size:26px;font-weight:600}.header-light{background-color:#fff;border-bottom:1px solid rgba(0,7,119,.5647058824)}.header-light nav ul li a{color:#5540f0}.header-light .modal-btn i{color:#007}@media only screen and (max-width:1300px)and (min-width:768px){.header{padding:0 20px}}@media only screen and (max-width:767px)and (min-width:320px){.header{width:100%;padding:0 5px}.header a p{font-size:26px}.header nav{position:fixed;width:100%;background-color:#00077766;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);right:-100%;top:80px;transition:.6s}.header nav ul{height:calc(100vh - 80px);flex-direction:column;padding:50px 30px;gap:40px}.header .open-modal{background-color:#00007790;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.6s;right:-20%;box-sizing:border-box;top:80px;border-left:1px solid rgba(0,7,119,.5647058824)}.header .open-modal ul{height:calc(100vh - 80px);flex-direction:column;padding:50px 30px;gap:40px}.header .open-modal-light{background-color:#fffff090;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .modal-btn{display:flex}}.btn{padding:8px 30px;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer}.btn-primary{background-color:#00f;color:#fff}.btn-secondary{color:#2e2d3d;background-color:#ffffffc5}.home{display:flex;justify-content:space-between;align-items:center;max-width:1300px;height:700px;background-color:inherit;margin:0 auto;padding-top:50px}.home__info{width:50%}.home__info .title{font-size:50px;color:#ffffffc5;font-weight:900;margin-bottom:20px}.home__info .title span{display:block}.home__info .paragraph{font-size:32px;font-weight:400;color:#929090;margin-bottom:10px}.home__info .descr{font-size:18px;color:#ffffffc5;font-weight:400;line-height:30px;margin-bottom:50px}.home__info-item{display:flex;gap:35px}.home__info-item .cv{display:flex;align-items:center;justify-content:space-between;background-color:#fff}.home__info-item .cv img{width:30px;height:30px;margin-right:8px}.home__info-item a{display:flex;align-items:center}.home__img{width:520px;height:520px;border-radius:30px;overflow:hidden;padding:3px;background:linear-gradient(94deg,#5540f0 13.29%,#00f 20%,#c40d72 42.01%)}.home__img img{width:100%;height:auto;border-radius:30px}.home-light .home__info .title,.home-light .home__info .paragraph,.home-light .home__info .descr{color:#111777}.home-light .home__info-item a{background-color:none;color:#5540f0;border:3px solid #5540f0}@media only screen and (max-width:1260px)and (min-width:1024px){.home{padding:60px 15px 0}.home__img{width:47%}.home__img img{width:100%;height:100%}}@media only screen and (max-width:1024px)and (min-width:768px){.home{flex-direction:column;height:max-content;margin:80px auto;gap:100px;padding:40px 15px 0}.home__info{width:80%}.home__img{width:80%;height:auto}.home__img img{width:100%;height:100%}}@media only screen and (max-width:768px)and (min-width:320px){.home{flex-direction:column;height:max-content;margin:80px auto;gap:100px}.home__info{width:90%}.home__info .title{font-size:38px}.home__info .paragraph{font-size:26px}.home__info .descr{font-size:16px;line-height:26px}.home__info-item a,.home__info-item button{font-size:15px}.home__img{width:80%;height:auto}.home__img img{width:100%;height:100%}}.a-item{border-radius:12px;border:1px solid #004953;margin-bottom:16px;padding:20px}.a-item .a-title{color:#00f;font-size:20px;margin-bottom:20px}.a-item .a-descr{color:#ffffffc5;font-size:17px;line-height:26px}.a-item-light{border:none;box-shadow:0 0 8px 2px #00077766}.a-item-light .a-title{font-weight:700}.a-item-light .a-descr{color:gray}.about__child{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;border:1px solid #004953;border-radius:12px;padding:20px}.about__child .x-title{color:#00f;font-size:20px}.about__child .x-text{color:#ffffffc5;font-size:30px;font-weight:700;line-height:26px}.about__child-light{border:none;box-shadow:0 0 8px 2px #00077766}.about__child-light .x-title{font-weight:700;font-size:20px}.about__child-light .x-text{color:gray}.about{max-width:1300px;margin:0 auto;padding:0 15px}.about__item{display:flex;align-items:center;justify-content:space-around;width:100%}.about__item-features{display:grid;grid-template-columns:90%;grid-template-rows:repeat(3,200px);gap:20px;width:max-content}.about__item-indicator{display:grid;gap:30px;grid-template-columns:200px 200px;grid-template-rows:170px 170px}@media only screen and (max-width:1024px)and (min-width:768px){.about__item{flex-direction:column;justify-content:center;gap:80px}.about__item-features{width:90%;justify-content:center}.about__item-indicator{justify-content:center;width:80%;grid-template-columns:45% 45%;grid-template-rows:200px 200px}}@media only screen and (max-width:768px)and (min-width:320px){.about{padding:0 5px}.about__item{flex-direction:column;justify-content:center;gap:80px}.about__item-features{width:90%;grid-template-rows:repeat(3,auto);justify-content:center}.about__item-indicator{justify-content:center;width:80%;grid-template-columns:80%;grid-template-rows:repeat(4,170px)}}.skill{max-width:1300px;margin:80px auto;height:max-content;padding:0 15px}.skill__list{display:grid;grid-template-rows:160px 160px;grid-template-columns:repeat(5,1fr);justify-content:space-between;gap:30px}.skill__list-item{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #004953;border-radius:20px;padding:20px;gap:8px}.skill__list-item i{font-size:40px}.skill__list-item .skill-name{font-size:22px;color:#fff;font-weight:600}.skill-light .skill__list-item{box-shadow:0 0 8px 2px #00077766;border:none}.skill-light .skill__list-item .skill-name{color:#00f}@media only screen and (max-width:1024px)and (min-width:768px){.skill__list{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.skill__list-item{height:160px}}@media only screen and (max-width:768px)and (min-width:520px){.skill{padding:0 5px}.skill__list{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.skill__list-item{height:170px}}@media only screen and (max-width:520px)and (min-width:320px){.skill{padding:0 5px}.skill__list{justify-content:center;grid-template-columns:repeat(1,80%);grid-template-rows:auto}.skill__list-item{height:170px}}.projects{max-width:1300px;margin:80px auto;padding:0 15px;height:max-content}.projects__list{display:grid;justify-content:space-between;grid-template-columns:auto auto auto;grid-template-rows:auto auto;row-gap:70px}@media only screen and (max-width:1300px)and (min-width:1024px){.projects{height:max-content}.projects__list{grid-template-columns:32% 32% 32%;grid-template-rows:auto auto;row-gap:30px}}@media only screen and (max-width:1024px)and (min-width:768px){.projects{height:max-content;padding:0 5px}.projects__list{grid-template-columns:48% 48%;grid-template-rows:auto auto;row-gap:30px}}@media only screen and (max-width:768px)and (min-width:520px){.projects{height:max-content;padding:0 5px}.projects__list{justify-content:center;grid-template-columns:70%;grid-template-rows:auto auto;row-gap:40px}}@media only screen and (max-width:520px)and (min-width:320px){.projects{height:max-content;padding:0 5px}.projects__list{justify-content:center;grid-template-columns:clamp(300px,80%,340px);grid-template-rows:auto auto;row-gap:40px}}.project__item{width:400px;height:480px;border:1px solid #004953;border-radius:20px}.project__item-block{position:relative;border-radius:20px 20px 0 0;height:260px;margin-bottom:10px;background:linear-gradient(94deg,#c10d72 33.29%,#5140f0 67.01%)}.project__item-block img{border-radius:inherit;width:100%;height:100%}.project__item-block--type{position:absolute;top:20px;right:20px;font-size:16px;padding:2px 8px;border-radius:12px;color:#fff;text-transform:uppercase;background:linear-gradient(94deg,#c10d72 33.29%,#5140f0 67.01%)}.project__item-block .project__item-type{position:absolute;top:10px;right:20px;color:#fff;border:1px solid #fff;padding:2px 8px;border-radius:12px}.project__item-block .project__item-alt{position:absolute;left:20px;top:100px;font-size:40px;font-weight:700;color:#fffeee}.project__item-info{padding:20px}.project__item-info--name{font-size:24px;font-weight:700;color:#ffffffc5;margin-bottom:20px}.project__item-info--descr{font-size:18px;color:gray;font-weight:600;line-height:20px;margin-bottom:17px}.project__item-info--skill{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:8px 5px}.project__item-info--skill--item{color:#fffeee;font-size:16px;padding:3px 10px;background-color:#004953;border-radius:10px}.project__item-light{border:none;box-shadow:0 0 8px 2px #00077766}.project__item-light .project__item-info--name{color:#00f}@media only screen and (max-width:1300px)and (min-width:1024px){.project__item{width:auto}}@media only screen and (max-width:1024px)and (min-width:768px){.project__item{width:auto}}@media only screen and (max-width:768px)and (min-width:520px){.project__item{width:auto}}@media only screen and (max-width:520px)and (min-width:320px){.project__item{height:max-content;width:auto}.project__item-block{height:200px}.project__item-block .project__item-alt{font-size:24px}.project__item-info--name{font-size:20px;font-weight:600}}.contact{max-width:1300px;margin:80px auto;padding:0 15px}.contact__item{display:flex;justify-content:space-between;height:430px;width:100%}.contact__item-sm{width:48%;border:2px solid #5140f0;padding:30px;border-radius:20px}.contact__item-sm--title{font-size:26px;font-weight:600;color:#ffffffc5;margin-bottom:60px}.contact__item-sm .social ul{display:grid;grid-template-columns:auto auto;grid-template-rows:50px 50px 50px;gap:20px 40px}.contact__item-sm .social ul li a{display:flex;align-items:center;gap:12px;transition:.3s}.contact__item-sm .social ul li a div{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#2e2d3d5d}.contact__item-sm .social ul li a div i{font-size:20px}.contact__item-sm .social ul li a p{color:#ffffffc5;font-size:16px;transition:.3s}.contact__item-sm .social ul li a:hover p{background:linear-gradient(94deg,#5540f0 33.29%,#c40d72 67.01%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact__item-sms{width:48%;border:2px solid #5140f0;padding:30px;border-radius:20px}.contact__item-sms form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.contact__item-sms form div{width:100%;display:flex;flex-direction:column;gap:10px}.contact__item-sms form div label{color:#ffffffc5;font-size:18px}.contact__item-sms form div input,.contact__item-sms form div textarea{width:100%;height:35px;border:2px solid #5540f0;background-color:#2e2d3d5d;border-radius:8px;outline:none;padding:10px;color:#ffffffc5;font-size:16px}.contact__item-sms form .number,.contact__item-sms form .msg{grid-column-start:1;grid-column-end:3}.contact__item-sms form .msg textarea{height:90px}.contact__item-sms form .form-submit{grid-column-start:1;grid-column-end:3;width:100%;height:40px;margin-top:20px;border-radius:10px;background-color:#5140f0;border:none;color:#fff;font-size:16px}.contact__item-sms form .form-submit i{margin-left:18px;cursor:pointer}.contact-light .contact__item-sm{box-shadow:0 0 8px 2px #00077766;border:none}.contact-light .contact__item-sm--title{color:#5140f0}.contact-light .contact__item-sm .social ul li a p{color:#004953}.contact-light .contact__item-sms{box-shadow:0 0 8px 2px #00077766;border:none}.contact-light .contact__item form label{color:#004953}.contact-light .contact__item form input,.contact-light .contact__item form textarea{background-color:#ffffffc5;color:#004953}@media only screen and (max-width:1200px)and (min-width:1024px){.contact__item{flex-direction:column;height:max-content;align-items:center;gap:80px}.contact__item-sm{width:80%;height:480px;padding:60px 40px}.contact__item-sm .social ul li a p{font-size:20px}.contact__item-sms{width:80%;height:480px;padding:60px 40px}}@media only screen and (max-width:1024px)and (min-width:768px){.contact__item{flex-direction:column;height:max-content;align-items:center;gap:80px}.contact__item-sm{width:80%;height:auto;padding:60px 40px}.contact__item-sm .social ul{grid-template-columns:auto}.contact__item-sm .social ul li a p{font-size:20px}.contact__item-sms{width:80%;height:480px;padding:60px 40px}}@media only screen and (max-width:768px)and (min-width:520px){.contact{padding:0 5px}.contact__item{flex-direction:column;height:max-content;align-items:center;gap:80px}.contact__item-sm{width:80%;height:auto;padding:40px 30px}.contact__item-sm .social ul{grid-template-columns:auto;grid-template-rows:repeat(6,45px)}.contact__item-sm .social ul li a p{font-size:18px}.contact__item-sms{width:80%;height:auto;padding:40px 30px}.contact__item-sms form{grid-template-columns:1fr}.contact__item-sms form div{grid-column-start:1;grid-column-end:3}}@media only screen and (max-width:520px)and (min-width:320px){.contact{padding:0 5px}.contact__item{flex-direction:column;height:max-content;align-items:center;gap:50px}.contact__item-sm{width:clamp(300px,80%,340px);height:auto;padding:20px}.contact__item-sm--title{margin-bottom:40px}.contact__item-sm .social ul{grid-template-columns:auto;grid-template-rows:repeat(6,45px)}.contact__item-sm .social ul li a{gap:8px}.contact__item-sm .social ul li a div{width:40px;height:40px}.contact__item-sm .social ul li a div i,.contact__item-sm .social ul li a p{font-size:16px}.contact__item-sms{width:clamp(300px,80%,340px);height:auto;padding:20px}.contact__item-sms form{grid-template-columns:1fr}.contact__item-sms form div{grid-column-start:1;grid-column-end:3}.contact__item-sms form div label,.contact__item-sms form div input,.contact__item-sms form div textarea{font-size:16px;color:redl}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1300px;height:120px;margin:0 auto;background-color:#2e2d3d5d}.footer .footer-dev{text-align:center;font-size:32px;margin-bottom:15px}.footer .footer-txt{font-size:14px;color:gray;margin-top:8px}.footer .line{width:90%;height:1px;background-color:#a9a9a9}.footer-light{background-color:#5540f050}