body{font-family:Jost,sans-serif;margin:0 5px;background-color:#fff}a{text-decoration:none;color:#000}.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:20px;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:15px;font-weight:500}.burger-nav{display:flex;justify-content:left;padding:10px}.fenix{width:60px;height:60px}.intro_div{text-align:center;font-size:14px;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;font-size:12px;border-radius:80px;position:relative;z-index:10;background:#fff;box-shadow:0 10px 30px #0000004d}.icons-menu{width:45px}.icon-text{margin:0}.programming{display:none;border-radius:5px;margin-bottom:50px}.footer{display:flex;flex-direction:row;justify-content:space-between;background-color:#e3f7e6e1;margin:0;padding:0 20px;color:#414040;font-size:12px;font-weight:600}.p-footer{margin:0;padding:10px}.a-footer{color:#414040;padding-top:10px}.my-git{width:25px;height:auto;padding:5px}.about-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:60px;gap:20px}.my-descr{width:90%;text-align:center;line-height:32px;font-size:14px;white-space:normal}.hidden-in-responsive{display:none}.text-link{color:#268919;text-decoration:underline}.profile-pic{border-radius:100px;width:120px;height:165px}@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:15px}.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:16px;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}.intro_div{font-size:16px;margin-bottom:50px}.profile-pic{border-radius:100px;width:185px;height:230px;margin-left:60px}.my-descr{font-size:16px;padding:0 150px}.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%}}.project-title{font-style:italic;font-size:20px;font-weight:500;margin:0 0 20px 20px;font-family:Jost,sans-serif}.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 0 10px;list-style:none}.title-card{display:flex;gap:30px}.card{display:flex;flex-direction:column;flex:0 0 auto;width:50%;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:0;font-size:14px;font-weight:450}.nameproj-cont{font-weight:700;font-style:italic;width:75%;font-size:15px}.hover-area{position:relative;min-height:150px}.pic-cont,.card-text{position:absolute;top:0;left:0;width:100%;transition:opacity .3s ease}.card-text,.hover-area:hover .pic-cont{opacity:0}.hover-area:hover .card-text{opacity:1}.descrip-cont{font-size:14px;margin-bottom:20px}.feature-cont{font-size:14px}.listproject-icon{width:20px}.techs-cont{display:flex;justify-content:center;padding-top:15px;margin-top:15px}.tech-icon{width:10%;margin-right:15px;padding-left:15px}.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){.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{height:70%}.list-container{justify-content:center}.project-title{margin:0 0 20px 100px;font-size:30px}.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:min-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}}