img{max-width:100%;line-height:0;text-decoration:none;display:block}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style-type:none}a{color:inherit;line-height:0;text-decoration:none}button{background-color:inherit;border:0;padding:0;line-height:0}figure{margin:0}input{font-family:inherit}.logo-text{font-family:Oleo Script,system-ui;font-style:normal;font-weight:400}.contact-button{font-optical-sizing:auto;font-family:Raleway,sans-serif;font-style:normal;font-weight:700}.hero-subtitle,.portfolio-subtitle,.skills-subtitle,.offer-subtitle,.about-subtitle,.modal-contact-subtitle{color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0 auto;line-height:1}.portfolio-subtitle,.skills-subtitle,.offer-subtitle,.about-subtitle,.modal-contact-subtitle{font-optical-sizing:auto;background-image:linear-gradient(90deg,#4fc3f7,#050505);margin-bottom:40px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600}.portfolio-title,.skills-title,.offer-title,.about-title,.modal-contact-title{font-optical-sizing:auto;letter-spacing:-.72px;text-align:center;color:#2b2b2b;text-transform:capitalize;font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:800}@media screen and (width>=768px){.portfolio-title,.skills-title,.offer-title,.about-title,.modal-contact-title{letter-spacing:-1.35px;font-size:45px}}.more-button,.about-button,.hero-button{text-transform:capitalize;color:#484e53;font-optical-sizing:auto;border:1px solid #484e53;border-radius:75px;margin:0 auto;padding-top:12px;padding-bottom:12px;font-family:Montserrat,serif;font-size:13px;font-style:normal;font-weight:500;line-height:1px;display:block}@media screen and (width>=768px){.more-button,.about-button,.hero-button{padding-top:20px;padding-bottom:20px;font-size:15px}}.more-button:hover,.about-button:hover,.hero-button:hover,.more-button:focus,.about-button:focus,.hero-button:focus{cursor:pointer;color:#4fc3f7}.theme-button,.header-nav a,.modal-menu-overlay a{transition:color .5s linear 50ms}.contact-name,.contact-email,.contact-message{background-color:inherit;border:1px solid #484e53;border-radius:10px;width:100%;padding:10px 30px}@media screen and (width>=768px){.contact-name,.contact-email,.contact-message{min-width:500px;padding:20px 30px}}.contact-name:focus,.contact-email:focus,.contact-message:focus{outline:none}.contact-name:hover,.contact-email:hover,.contact-message:hover,.contact-name:focus,.contact-email:focus,.contact-message:focus{border-color:#4fc3f7}.container{max-width:330px;margin:0 auto;padding-left:5px;padding-right:5px}@media screen and (width>=340px){.container{max-width:340px;padding-left:0;padding-right:0}}@media screen and (width>=768px){.container{max-width:738px}}@media screen and (width>=992px){.container{max-width:1270px;padding-left:5px;padding-right:5px}}@media screen and (width>=1280px){.container{max-width:1270px;padding-left:0;padding-right:0}}body[data-theme=dark] .header-nav ul{background-color:#1a1a1acc}body[data-theme=dark] .header-nav li,body[data-theme=dark] .modal-menu-overlay li{color:#c1c1c1}@media screen and (width<=767px){.header-nav{display:none}}.header-nav nav ul{background-color:#e0e8f680;display:flex}.header-nav nav ul li{font-optical-sizing:auto;color:#050505;padding-left:20px;padding-right:20px;font-family:Montserrat,serif;font-size:18px;font-style:normal;font-weight:400;transition:background-size .5s linear}.header-nav nav ul li.chosen{background-image:linear-gradient(#0000ff80,#ffff0080);background-repeat:no-repeat;background-size:0%}.header-nav a:hover,.header-nav a:focus{color:#4fc3f7}.modal-menu-overlay nav ul{flex-direction:column;align-items:flex-end;display:flex}.modal-menu-overlay nav ul li{font-optical-sizing:auto;color:#050505;text-align:end;width:100%;padding:10px 10px 5px;font-family:Montserrat,serif;font-size:18px;font-style:normal;font-weight:400}.modal-menu-overlay nav ul li:not(:last-child){border-bottom:1px solid #484e53}.modal-menu-overlay nav ul li.chosen{background-image:linear-gradient(#0000ff80,#ffff0080);background-repeat:no-repeat;background-size:0%}.modal-menu-overlay nav ul li.chosen.hundred{background-size:100%}.modal-menu-overlay a:focus,.modal-menu-overlay a:hover{color:#4fc3f7}.theme-sun{display:none}.theme-moon{display:initial}.theme-button{fill:#484e53;stroke:#e1e1e1;border-radius:50%;width:30px;height:30px;transition-property:fill,stroke}.theme-button:hover,.theme-button:focus{cursor:pointer;fill:#4fc3f7;stroke:#4fc3f7}body[data-theme=dark] .theme-sun{display:initial}body[data-theme=dark] .theme-moon{display:none}.theme-icon{width:100%;height:100%}.lang-switch{cursor:pointer;border-radius:50%;width:30px;height:30px;display:inline-block}.lang-switch .lang-none{display:none}.modal-overlay{visibility:hidden;cursor:none;pointer-events:auto;background-color:#000000b3;width:100vw;height:100vh;transition:transform .5s ease-in-out;position:fixed;top:0;left:0;overflow:scroll;transform:scale(0)}.modal-overlay.is-open{visibility:visible;cursor:pointer;transform:scale(1)}.modal{background-color:#e0e8f6;border-radius:25px;width:100%;padding:30px;position:absolute;top:10%;left:50%;transform:translate(-50%)}@media screen and (width>=768px){.modal{max-width:768px}}@media screen and (width>=992px){.modal{max-width:992px}}body[data-theme=dark] .modal{background-color:#1a1a1a}.contact-form{flex-direction:column;align-items:center;gap:16px;display:flex}body[data-theme=dark] .modal-contact-title{color:#fff}body[data-theme=dark] .modal-contact-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#f5f5f5)}.contact-name,.contact-email{font-optical-sizing:auto;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.contact-name::placeholder,.contact-email::placeholder{color:#8987a1}.contact-name:hover::placeholder,.contact-name:focus::placeholder,.contact-email:hover::placeholder,.contact-email:focus::placeholder{color:#4fc3f7}@media screen and (width>=768px){.contact-name,.contact-email{font-size:20px}}.contact-label{font-optical-sizing:auto;color:#050505;align-self:baseline;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:120%}@media screen and (width>=768px){.contact-label{font-size:18px}}.contact-button{color:#fff;background-color:#484e53;border-radius:10px;width:100%;padding-top:12px;padding-bottom:12px;font-size:16px;line-height:150%}@media screen and (width>=768px){.contact-button{padding-top:20px;padding-bottom:20px;font-size:19px}}.contact-button:hover,.contact-button:focus{cursor:pointer;box-shadow:inset 0 0 10px 5px #0000004d}body[data-theme=dark] .contact-name,body[data-theme=dark] .contact-email,body[data-theme=dark] .contact-message{color:#e1e1e1;border-color:#d6dded}body[data-theme=dark] .contact-name:hover,body[data-theme=dark] .contact-name:focus,body[data-theme=dark] .contact-email:hover,body[data-theme=dark] .contact-email:focus,body[data-theme=dark] .contact-message:hover,body[data-theme=dark] .contact-message:focus{border-color:#4fc3f7}body[data-theme=dark] .contact-label{color:#fff}body[data-theme=dark] .contact-button{color:#000;background-color:#fff}.contact-modal-cross{cursor:pointer;width:40px;height:40px;position:absolute;top:20px;right:20px}.contact-modal-cross svg{fill:#050505;width:100%;height:100%}.contact-modal-cross svg:hover,.contact-modal-cross svg:focus{fill:#4fc3f7}body[data-theme=dark] .contact-modal-cross svg{fill:#a9a9a9}.modal-open-body{overflow:hidden}.modal-menu-overlay{transition:transform .8s linear;position:absolute;top:63px;right:0;transform:translate(100vw)}.modal-menu-overlay.is-open{transform:translate(0)}@media screen and (width>=768px){.modal-menu-overlay{display:none}}.modal-menu{background-color:#e0e8f6;border-radius:10px;position:relative;top:0;right:0}body[data-theme=dark] .modal-menu{background-color:#1a1a1a}.modal-settings{justify-content:flex-end;gap:20px;margin-top:30px;padding-bottom:10px;padding-left:10px;padding-right:10px;display:flex}.loader{gap:10px;transition:background-color .7s linear,transform .7s linear .4s,width .7s linear .4s,height .7s linear .4s,visibility .7s linear .4s;display:inline-flex}.loader:before,.loader:after{content:"";aspect-ratio:1;background:#fff radial-gradient(farthest-side,#000 95%,#0000) 50%/8px 8px no-repeat;border-radius:50%;height:100px;animation:1.5s infinite alternate l10;position:relative;top:40%;left:40%}.loader:after{--s:-1}@keyframes l10{0%,20%{transform:scaleX(var(--s,1))rotate(0deg);clip-path:inset(0)}60%,to{transform:scaleX(var(--s,1))rotate(30deg);clip-path:inset(40% 0 0)}}.loader.open{z-index:999;background-color:#252f68;width:100vw;height:100vh;display:inline-flex;position:absolute;top:0;left:0}.loader.close{pointer-events:none;visibility:hidden;background-color:#8b94c928;width:0;height:0;transform:translate(100%,-100%)}.pagination-container{text-align:center;margin-top:20px;margin-left:auto;margin-right:auto}.pagination-container.displaynone{display:none}.pagination-container .pagination-box{justify-content:center;gap:5px;margin-left:auto;margin-right:auto;display:flex}.pagination-container .arrow-buttons{color:#452885;cursor:pointer;border:1px solid #452885;width:55px;height:30px}.pagination-container .arrow-buttons:disabled{cursor:not-allowed;opacity:.6}@media screen and (width>=768px){.pagination-container .arrow-buttons{width:70px;height:40px}}@media screen and (width>=992px){.pagination-container .arrow-buttons{width:90px;height:50px}}.pagination-container .left-arrow{border-radius:45% 0% 0 45%}.pagination-container .right-arrow{border-radius:0 45% 45% 0%}.pagination-container .pagination-list-item{width:30px;height:30px;display:inline-block}@media screen and (width>=768px){.pagination-container .pagination-list-item{width:40px;height:40px}}@media screen and (width>=992px){.pagination-container .pagination-list-item{width:50px;height:50px}}.pagination-container .pagination-list-item button{color:#452885;cursor:pointer;background-color:#0000;border:1px solid #452885;width:100%;height:100%}.pagination-container .pagination-list-item button.pagination-activ-button{color:#f50000;background:0 0;border-width:3px;border-color:#228b08}.pagination-container .pagination-list-item button:disabled{cursor:not-allowed;opacity:.6}.pagination-container .pagination-list-item+.pagination-container .pagination-list-item{margin-left:5px}body[data-theme=dark] .pagination-container .arrow-buttons{color:#7269c7;border-color:#7269c7}body[data-theme=dark] .pagination-container .pagination-list button{color:#7269c7;background-color:#0000;border-color:#7269c7}body[data-theme=dark] .pagination-container .pagination-list button.pagination-activ-button{color:#0ff;background:#1f272c;border-color:#0ff}header{width:100%;position:fixed;top:0}.header-container{justify-content:space-between;align-items:center;padding-top:30px;display:flex}@media screen and (width<=768px){.header-container{position:relative}}.burger{fill:#484e53;cursor:pointer;width:33px;height:33px;transition:transform 1s linear}@media screen and (width>=768px){.burger{display:none}}.burger svg{width:100%;height:100%}body[data-theme=dark] .burger{fill:#e1e1e1}.logo{fill:none;stroke:#000;width:33px;height:33px}body[data-theme=dark] .logo{stroke:#fff}.logo-container{align-items:center;gap:2px;display:flex}.logo-text{color:#000;line-height:auto;font-size:24px}body[data-theme=dark] .logo-text{color:#fff}@media screen and (width<=767px){.lang-theme-block{display:none}}.header-cross{opacity:0;transition:opacity .5s linear .49s}.header-burger{opacity:1;transition:opacity .5s linear .49s}.modal-menu-overlay.is-open~button.burger{transform:rotate(180deg)}.modal-menu-overlay.is-open~button.burger .header-cross{opacity:1}.modal-menu-overlay.is-open~button.burger .header-burger{opacity:0}h1{letter-spacing:-3px;color:#484e53;text-transform:capitalize;text-align:center;font-family:Poppins,sans-serif;font-size:42px;font-style:normal;font-weight:700;line-height:1}@media screen and (width>=768px){h1{letter-spacing:-4px;font-size:63px}}body[data-theme=dark] h1{color:#fff}.hero-container{background-image:url(bg-hero-mobile-light.61796ff2.png);background-position:top;background-repeat:no-repeat;width:100%;min-height:564px;margin-top:90px;padding-top:66px;padding-bottom:66px}@media screen and (width>=768px){.hero-container{background-image:url(bg-hero-descktop-light.d421b76b.png)}}body[data-theme=dark] .hero-container{background-image:url(bg-hero-mobile-dark.b2153dc3.png)}@media screen and (width>=768px){body[data-theme=dark] .hero-container{background-image:url(bg-hero-descktop-dark.61e13833.png)}}.hero-img{border-radius:50%;max-width:200px;max-height:200px;margin-bottom:10px;margin-left:auto;margin-right:auto;overflow:hidden}.hero-img img{text-align:center;object-fit:cover;color:#e1e1e1;background-color:#1c1e53;width:100%;height:100%;line-height:200px}body[data-theme=dark] .hero-img img{color:#484e53;background-color:#a9a9a9}.hero-subtitle{text-transform:capitalize;background-image:linear-gradient(90deg,#4fc3f7,#484e53);margin-bottom:45px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600}@media screen and (width>=768px){.hero-subtitle{margin-bottom:15px;font-size:26px}}.hero-subtitle:hover{cursor:pointer}.hero-subtitle:hover:after{color:initial;content:"🧙‍♂️"}body[data-theme=dark] .hero-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#fff)}.hero-text{letter-spacing:0;color:#484e53;text-align:center;margin:0 auto 40px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:30px}@media screen and (width>=768px){.hero-text{font-size:19px}}body[data-theme=dark] .hero-text{color:#e1e1e1}.hero-button{padding-left:40px;padding-right:40px}body[data-theme=dark] .hero-button{color:#e1e1e1;border-color:#4fc3f7}body[data-theme=dark] .hero-button:hover,body[data-theme=dark] .hero-button:focus{color:#4fc3f7}.about-container{max-width:840px;margin:0 auto;padding-top:50px;padding-bottom:50px}body[data-theme=dark] .about-title{color:#fff}body[data-theme=dark] .about-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#f5f5f5)}.about-text{font-optical-sizing:auto;color:#484e53;text-align:center;margin-bottom:40px;font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:25px}@media screen and (width>=768px){.about-text{font-size:17px}}body[data-theme=dark] .about-text{color:#e1e1e1}.about-button{text-align:center;width:fit-content;padding-left:30px;padding-right:30px}body[data-theme=dark] .about-button{color:#e1e1e1;border-color:#4fc3f7}body[data-theme=dark] .about-button:hover,body[data-theme=dark] .about-button:focus{color:#4fc3f7}.skill-card{background-color:#edf5ff;border:1px solid #fff;border-radius:10px;width:289px;height:289px;padding:29px 26px}.skill-card:hover,.skill-card:focus{cursor:pointer;box-shadow:2px 2px 2px 1px #0000004d}body[data-theme=dark] .skill-card{background-image:linear-gradient(120deg,#1c1c1c80,#050505)}body[data-theme=dark] .skill-card:hover,body[data-theme=dark] .skill-card:focus{cursor:pointer;box-shadow:2px 2px 2px 1px #ffffff4d}.skill-text,.skill-title,.skill-icon{margin-left:0;margin-right:auto}.skill-icon{background-color:#bce7fa;border-radius:4%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:19px;display:flex}.skill-icon img{width:24px;height:24px}body[data-theme=dark] .skill-icon{background-color:#fff}.skill-title{font-optical-sizing:auto;color:#484e53;margin-bottom:18px;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:120%}body[data-theme=dark] .skill-title{color:#fff}.skill-text{font-optical-sizing:auto;color:#1c1e53;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}body[data-theme=dark] .skill-text{color:#e1e1e1}.offer-container{max-width:936px;margin:0 auto;padding-top:50px;padding-bottom:50px}body[data-theme=dark] .offer-title{color:#fff}body[data-theme=dark] .offer-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#f5f5f5)}.offer-list{flex-direction:column;align-items:center;gap:34px;display:flex}@media screen and (width>=768px){.offer-list{flex-flow:wrap;justify-content:space-around}}.hard-skill-card{font-optical-sizing:auto;color:#484e53;width:240px;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:120%}.hard-skill-card figure{width:100%}.hard-skill-card img{max-width:100px;max-height:100px;margin-bottom:30px;margin-left:auto;margin-right:auto}.hard-skill-card figcaption{text-align:center;width:100%;padding-left:30px;padding-right:30px}body[data-theme=dark] .hard-skill-card{color:#e1e1e1}.skills-container{max-width:840px;margin:0 auto;padding-top:50px;padding-bottom:50px}body[data-theme=dark] .skills-title{color:#fff}body[data-theme=dark] .skills-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#f5f5f5)}.skills-list{flex-direction:column;align-items:center;width:100%;display:flex}@media screen and (width>=768px){.skills-list{flex-flow:wrap;justify-content:flex-start;gap:5px calc(50% - 360px)}}.skills-list li{margin-top:30px}.skills-list li:nth-child(-n+3){margin-top:0}.more-button{align-items:center;margin-top:30px;padding-left:30px;padding-right:30px;display:none}.more-button svg{fill:currentColor;width:24px;height:24px}body[data-theme=dark].more-button{color:#e1e1e1;border-color:#4fc3f7}body[data-theme=dark].more-button:hover,body[data-theme=dark].more-button:focus{color:#4fc3f7}.portfolio-container{text-align:center;color:#2b2b2b;letter-spacing:-.72px;padding-top:50px;padding-bottom:50px;font-size:24px}body[data-theme=dark] .portfolio-container,body[data-theme=dark] .portfolio-title{color:#fff}body[data-theme=dark] .portfolio-subtitle{background-image:linear-gradient(90deg,#4fc3f7,#f5f5f5)}.footer-container{padding-bottom:30px}@media screen and (width>=768px){.footer-container{flex-direction:row-reverse;justify-content:space-between;display:flex}}.char{color:#484e53;margin-bottom:30px}body[data-theme=dark] .char{color:#e1e1e1}.social-list{justify-content:center;gap:21px;margin-bottom:25px;display:flex}.social-list a{fill:#282938;border-radius:50%;width:32px;height:32px;display:inline-block}.social-list a:hover,.social-list a:focus{fill:#4fc3f7;cursor:pointer}.social-icon{width:100%;height:100%}.copyrite-text{font-optical-sizing:auto;text-align:center;color:#282938;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400}body[data-theme=dark] .social-list a{fill:#a9a9a9}body[data-theme=dark] .social-list a:hover,body[data-theme=dark] .social-list a:focus{fill:#4fc3f7}body[data-theme=dark] .copyrite-text{color:#a9a9a9}html{scroll-behavior:smooth}body{letter-spacing:0;background-color:#e0e8f6}body[data-theme=dark]{background-color:#1a1a1a}
/*# sourceMappingURL=personal-cv.75a3fbc2.css.map */