body{font-family:Jost,sans-serif;margin:0 5px;background-color:#fff}a{text-decoration:none;color:#000}body,#root{overflow-x:hidden}.services-contain{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto 40px;padding:20px;box-sizing:border-box}.service-item{width:80%;max-width:320px;height:240px;perspective:1000px}.service-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s ease-in-out;transform-style:preserve-3d}.service-item:hover .service-inner,.service-item:active .service-inner{transform:rotateY(180deg)}.service-front,.service-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 25px #2e2d2d33}.service-front{background-color:#fff;color:#222}.service-img{width:90px;height:90px;object-fit:contain;margin-bottom:16px;border-radius:50px}.service-front h3{margin:0;font-size:18px}.service-back{background-color:#1a1a1a;color:#fff;transform:rotateY(180deg)}.service-back p{margin:0;font-size:.95rem;line-height:1.5}@media (min-width: 768px){.services-contain{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:32px}.service-item{width:280px;height:230px}.service-img{width:90px;height:90px;border-radius:30px}}p{font-size:20px;line-height:1.6}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.blob{position:absolute;width:250px;height:250px;background:#12c754;opacity:.35;filter:blur(95px);border-radius:50%}.blob1{top:10%;left:10%;animation:float1 18s infinite ease-in-out}.blob2{top:60%;left:70%;animation:float2 22s infinite ease-in-out}.blob3{top:40%;left:40%;animation:float3 20s infinite ease-in-out}@keyframes float1{0%{transform:translate(0)}50%{transform:translate(80px,-60px)}to{transform:translate(0)}}@keyframes float2{0%{transform:translate(0)}50%{transform:translate(-70px,60px)}to{transform:translate(0)}}@keyframes float3{0%{transform:translate(0)}50%{transform:translate(60px,80px)}to{transform:translate(0)}}.web-title{font-family:Permanent Marker,sans-serif;font-size:35px;font-weight:500;font-style:normal;text-align:center;margin-top:40px;margin-bottom:0}.web-subtitle{font-family:Jost;font-style:italic;font-weight:400;font-size:25px;text-align:center;margin-bottom:50px;margin-top:0}.div_nav{display:flex;flex-direction:row;gap:50px;padding:0 20px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;background-color:#e3f7e6e1}.burger{width:35px;cursor:pointer}.nav_links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#e3f7e6f2;padding:20px;gap:20px}.nav_links.open{display:flex;border-radius:15px;width:100px}.header_nav{text-decoration:none;color:#000;font-family:Jost,sans-serif;font-size:17px;font-weight:500}.burger-nav{display:flex;justify-content:left;padding:10px}.fenix{width:60px;height:60px}.intro_div{text-align:center;font-size:20px;font-style:normal;width:75%;margin:0 auto}.icons-contain{margin:50px;padding:10px 5px;display:flex;justify-content:space-around;gap:20px;text-align:center;border-radius:80px;position:relative;z-index:10;background:#fff;box-shadow:0 10px 30px #0000004d}.icons-menu{width:45px}.icon-text{margin:0;font-size:15px}.projects-text{text-align:center;width:80%;margin:0 auto 50px;line-height:30px}.programming{display:none;border-radius:10px;margin-bottom:50px;max-width:1077px;margin-left:auto;margin-right:auto}.footer{display:flex;flex-direction:row;justify-content:space-between;background-color:#e3f7e6e1;margin:0;padding:0 20px;color:#414040;font-size:15px;font-weight:600}.p-footer{margin:0;padding:10px;font-size:15px}.a-footer{color:#414040;padding-top:10px}.my-git{width:25px;height:auto;padding:5px}.about-content{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding-bottom:60px;gap:20px}.photo{display:flex;justify-content:center}.my-descr{width:80%;align-self:center;text-align:center;line-height:32px;white-space:normal}.hidden-in-responsive{display:none}.text-link{color:#268919;text-decoration:underline;font-weight:600;font-size:20px}.green-text{color:#268919;font-weight:500}.title-about-home{margin:20px auto;text-align:center}.profile-pic{border-radius:100px;width:120px;height:165px}.submit-btn.in-all{display:block;width:fit-content;margin:25px auto 30px}@media screen and (min-width: 736px){.web-title{font-size:50px}.intro_div{width:50%}.burger-nav{display:none}.hidden-in-responsive{display:block}.header_nav{text-decoration:none;color:#000;font-family:Jost,sans-serif;font-size:19px}.burger{display:none}a.header_nav{width:max-content}.nav_links{display:flex;flex-direction:row;position:static;background:none;width:auto;gap:100px}.icons-contain{font-size:18px;margin:50px 80px 80px;gap:60px;border-radius:80px;position:relative;z-index:10;background:#fff;padding:20px;box-shadow:0 10px 30px #0000004d}.icons-menu{width:70px}.icon-text{align-self:center;font-size:20px}.intro_div{margin-bottom:50px}.profile-pic{border-radius:100px;width:185px;height:230px;margin-left:60px}.my-descr{padding:0 150px;width:75%;text-align:center}.about-content{padding:0 0 100px 50px;flex-wrap:nowrap;align-items:center}.link-to{display:flex;flex-direction:row;gap:40px}.programming{display:flex;height:500px;width:100%}.footer,.p-footer{font-size:19px}}.project-title{margin:0 0 20px 30px;font-size:1.5em}.scroll-container{overflow-x:auto;display:flex;padding:10px 0;gap:20px;-webkit-overflow-scrolling:touch}.scroll-p{margin:5px 0 0 30px;font-size:12px;font-weight:500}.list-container{display:flex;flex-direction:row;gap:20px;padding:0;margin:0 0 30px;list-style:none}.title-card{display:flex;gap:30px}.card{display:flex;flex-direction:column;flex:0 0 auto;width:25%;height:auto;padding:20px;gap:10px;background:linear-gradient(to top left,#9ce0ae,#5ad862a6);border-radius:18px}.pic-cont{display:flex;flex-direction:column;align-items:center}.proj-img{width:80%;height:150px;border-radius:15px}.resume{margin-top:20px;font-size:14px;font-weight:450}.nameproj-cont{font-weight:700;font-style:italic;width:75%;font-size:15px}.hover-area{position:relative}.pic-cont,.card-text{width:100%;transition:opacity .3s ease}.card-text{display:none;opacity:1}.hover-area:hover .pic-cont{display:none}.hover-area:hover .card-text{display:block}.descrip-cont{font-size:14px;margin-bottom:20px}.feature-cont{font-size:14px;text-align:justify}.listproject-icon{width:20px}.techs-cont{display:flex;justify-content:center;padding-top:15px;margin-top:15px}.tech-icon{width:10%;margin-right:5px;padding-left:5px}.website-cont{width:25%}.git-icon{width:25%;margin:0 10px 0 0}.project-image{width:75%;position:relative}@media screen and (min-width: 736px){.hover-area{min-height:150px}.pic-cont,.card-text{position:absolute;top:0;left:0;width:100%}.card-text,.hover-area:hover .pic-cont{display:block;opacity:0}.hover-area:hover .card-text{opacity:1}.list-container{flex-direction:row;flex-wrap:wrap}.descrip-cont,.feature-cont{font-size:14px}.card{width:40%;height:auto}.scroll-p{display:none}.website-cont{font-size:16px}.nameproj-cont{font-size:18px}.tech-icon{width:7%;height:auto;margin-top:20px}.list-container{justify-content:center}.project-title{margin:0 0 20px 100px;font-size:1.5em}.proj-img{width:50%}}.contact-form{display:flex;flex-direction:column;gap:20px;padding:15px}.label{width:max-content;padding:0 25px 15px 35px;font-size:15px}.messlabel{margin-left:100px}.input{width:50%;padding:5px;border-radius:5px}.message-data{display:flex;flex-direction:column;min-width:30%;padding:15px 0 0 35px;border-radius:5px}.textarea-field{height:200px;width:300px;padding:10px;border-radius:5px}.submit-btn{padding:10px;border-radius:5px;border-color:#2ab123;background-color:#55eb825c;width:max-content;align-self:center;font-weight:400;font-family:Verdana;margin:0 0 30px}.contact-text{padding:0 25px 15px;text-align:center;line-height:30px}.contact-text-comp{padding:40px;text-align:center;width:90%;margin:0 auto;font-size:14px}.contact-title{font-style:italic;font-size:20px;font-weight:500;margin:40px 20px 0;font-family:Jost,sans-serif}.thanks{text-align:center;font-size:20px;font-weight:500;font-style:italic}@media screen and (min-width: 736px){.contact-form{align-items:center}.input{width:100%}.label{width:50%;padding:0 0 15px 35px}.textarea-field{width:120%;padding:15px}.name-data,.email-data{display:flex;width:50%}.contact-text-comp{padding:50px;text-align:center;width:50%;margin:0 auto;font-size:16px}.contact-text{margin:40px 100px 30px;text-align:center;line-height:40px}.contact-title{margin-left:100px;font-size:30px}.submit-btn{margin:0 0 30px 120px}.messlabel{margin-left:175px}.thanks{font-size:25px;font-style:italic;font-weight:600;text-align:center}}