body{margin:0;padding:0;position:relative;width:100%;height:100%;color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header{padding:5px 0;display:flex;align-items:flex-start;justify-content:space-between}.header .nav .list .item:not(:last-child){margin-right:18px}.header .nav .list .item{transition:color .2s ease-in-out,text-shadow .2s ease-in-out}.header .nav .list .item:hover{color:#5b6cff;text-shadow:3px 3px 10px rgba(91,108,255,1)}.header .nav .item.home{display:none}.header .upload{padding:10px 0;font-weight:600;color:#fff;border:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out,text-shadow .2s ease-in-out}.header .upload:hover{color:#97f4eb;text-shadow:3px 3px 10px rgba(151,244,235,10)}.header .upload:hover .icon{fill:#97f4eb}.header .upload .icon{fill:#fff;display:inline-block;margin-left:5px;transition:fill .2s ease-in-out}@media screen and (min-width: 768px){.header{padding:25px 0}.header .nav .list .item:not(:last-child){margin-right:39px}.header .upload{font-size:25px}.header .upload .icon{width:25px;height:25px}}.nav .list{display:flex;font-size:14px}.nav .list .item{padding:10px 0;cursor:pointer}.nav-toggle{display:none}.header .nav{position:relative}.header .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer}.header .nav-burger,.header .nav-burger:before,.header .nav-burger:after{display:block;width:24px;height:2px;background-color:var(--secondary-color);border-radius:2px;transition:transform .2s ease-in-out,opacity .2s ease-in-out,background-color .2s ease-in-out}.header .nav-burger{position:relative}.header .nav-burger:before{content:"";position:absolute;left:0;top:-7px}.header .nav-burger:after{content:"";position:absolute;left:0;top:7px}.header .nav.open .nav-burger{background-color:transparent}.header .nav.open .nav-burger:before{transform:translateY(7px) rotate(45deg)}.header .nav.open .nav-burger:after{transform:translateY(-7px) rotate(-45deg)}.header .nav .list{flex-direction:column;position:absolute;top:calc(100% + 8px);left:0;min-width:200px;margin:0;padding:8px 18px;list-style:none;background-color:#000000f2;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 12px 30px #0009;z-index:20;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out}.header .nav.open .list{opacity:1;visibility:visible;transform:translateY(0)}.header .nav .list .button{display:block;width:100%}@media screen and (min-width: 768px){.nav .list{font-size:25px}.header .nav-toggle{display:none}.header .nav .list{position:static;flex-direction:row;min-width:0;margin:0;padding:0;background:none;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.header .nav .list .button{width:auto}}.hero{position:relative;max-width:360px;margin:0 auto 10px;padding:23px;background:radial-gradient(circle,rgba(151,244,235,1) 0%,rgba(151,244,235,1) 0%,rgba(0,0,0,.3) 70%),radial-gradient(circle,rgba(235,151,244,1) 0%,rgba(235,151,244,1) 0%,rgba(0,0,0,.3) 70%),radial-gradient(circle,rgba(91,108,255,1) 0%,rgba(91,108,255,1) 0%,rgba(0,0,0,.3) 70%);background-size:180px 180px,138px 138px,150px 150px;background-repeat:no-repeat,no-repeat,no-repeat;background-position:180px 140px,60px 140px,185px 0px}.hero .img{display:block;margin:0 auto 10px}.hero .laptop,.hero .mobile{display:none}.hero .main-title{font-weight:700;font-size:56px;max-width:280px;text-align:center;position:relative;margin:0 auto 10px}.hero .subtitle{font-family:Beauty,sans-serif;font-weight:400;font-size:50px;color:#ffa620;position:absolute;top:-12px;left:20px}.hero .description{font-weight:300;font-size:17px;text-align:center;margin-bottom:16px}.hero .button{margin:0 10px 0 0;background:linear-gradient(179deg,rgba(255,255,255,.5) 0%,rgba(58,58,58,.5) 100%);border-radius:9px;padding:8px 22px;display:inline-block;transition:background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out}.hero .button:hover,.hero .button:focus{background:linear-gradient(179deg,rgba(255,255,255,.5) 100%,rgba(58,58,58,.5) 20%);color:var(--primary-color);box-shadow:3px 3px 10px #97f4eb}.hero .refs{display:flex;align-items:center;justify-content:center}.hero .refs li:not(:last-child){margin-right:10px}@media screen and (min-width: 768px){.hero{max-width:100%;padding:100px;background:none}.hero .img{position:absolute;right:5%;top:0%;max-width:300px}.hero .laptop{display:block;position:absolute;right:28%;top:35%;transform:rotate(-15deg);max-width:150px}.hero .mobile{display:block;position:absolute;right:5%;top:55%;transform:rotate(25deg)}.hero .main-box{width:70%;text-align:left;max-width:450px}.hero .main-title,.hero .description{text-align:left}.hero .main-title{margin-bottom:28px;max-width:none}.hero .subtitle{left:-20px}.hero .description{font-size:30px;margin-bottom:35px;max-width:300px}.hero .refs{justify-content:space-between}.hero .button{font-size:33px;padding:10px 30px}}.links{display:flex;align-items:center;justify-content:center}.link:not(:last-child){margin-right:5px}.network{display:flex;align-items:center;justify-content:center;border-radius:100%;width:25px;height:25px;overflow:hidden;box-shadow:0 0 30px #ffffffb3;transition:opacity .2s ease-in-out,box-shadow .2s ease-in-out}.network .icon{fill:var(--secondary-color);stroke:var(--secondary-color);opacity:.4;display:inline-block;border-radius:100%;transition:opacity .2s ease-in-out}.network:hover,.network:focus{opacity:1;box-shadow:0 0 30px #fff;border-radius:100%}.network:hover .icon,.network:focus .icon{opacity:.5}.network .icon.gitlab{fill:var(--primary-color);background:var(--secondary-color)}@media screen and (min-width: 768px){.network,.network .icon{width:40px;height:40px}.link:not(:last-child){margin-right:10px}}.companies{margin-bottom:20px}.companies .title{display:none}.companies .line{text-transform:uppercase;overflow:hidden;font-weight:500;font-size:10px;color:#fff;transform:rotate(355deg);background-color:#000;box-shadow:0 0 30px #ffffff4d}.companies .line-inner{display:flex}.companies .line-content{margin:0;padding:10px 15px;min-width:100%;white-space:nowrap;animation-name:line;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:flex;align-items:center;justify-content:space-around}.companies .company-link{color:inherit;text-decoration:none;cursor:pointer;transition:color .2s ease-in-out}.companies .company-link:hover,.companies .company-link:focus{color:#eb97f4}@media screen and (min-width: 768px){.companies{margin-bottom:120px}.companies .line{padding-top:8px;padding-bottom:8px;font-size:31px}}@keyframes line{0%{transform:translate(0)}to{transform:translate(-100%)}}.container.about{margin-bottom:50px}.about .description{text-align:justify;margin-bottom:60px}.about .icon{fill:var(--secondary-color)}.about .icon.mysql{stroke:var(--secondary-color)}.about .tech-stack{max-width:920px;margin:0 auto 60px}.about .tech-stack-title{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#9f9f9f;text-align:center;margin-bottom:16px}.about .tech-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.about .tech-badges .badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;line-height:1;color:var(--secondary-color);background-color:#0006;border:.5px solid rgba(255,255,255,.3);border-radius:999px;white-space:nowrap}.about .tech-badges .badge-icon{fill:var(--secondary-color);flex-shrink:0}.about .skills-groups{list-style:none;margin:32px 0 0;padding:28px 0 0;border-top:.5px solid rgba(255,255,255,.15);display:grid;gap:18px;text-align:left}.about .skills-group-title{font-weight:600;font-size:14px;margin-bottom:10px}.about .skills-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.about .skills-list .skill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;line-height:1;color:var(--secondary-color);background-color:#0006;border:.5px solid rgba(255,255,255,.3);border-radius:999px}.about .skill-icon{fill:var(--secondary-color);flex-shrink:0}.about .skill-icon.mysql{fill:none}@media screen and (min-width: 768px){.about .tech-stack{margin-bottom:90px}.about .tech-stack-title{font-size:15px}.about .tech-badges{gap:10px}.about .tech-badges .badge{font-size:16px;padding:8px 16px}.about .skills-groups{margin-top:40px;padding-top:36px;gap:24px}.about .skills-group-title{font-size:16px}.about .skills-list .skill{font-size:15px;padding:8px 16px}}.about .technologies,.about .tech-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;list-style-type:none;display:grid;place-items:center}.about .technologies{border:.5px solid var(--bg);border-radius:50%;animation:tilt-shaking 0s linear infinite}.about .technologies .item,.about .tech-inner .item{position:absolute;background-color:#00000080;border-radius:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.about .technologies .item{width:3rem;height:3rem;padding:10px;box-shadow:0 0 30px #ffffffb3}.about .tech-inner .item{width:2.1rem;height:2.1rem;padding:7px;box-shadow:0 0 20px #fff9}.about .color-ring{position:relative;width:300px;height:300px;display:flex;margin:0 auto 80px;justify-content:center;align-items:center}.about .color-ring .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:auto}.about .color-ring i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.5);transition:.5s}.about .color-ring i:nth-child(1){border-radius:38% 62% 63% 37%/41% 44% 56% 59%;animation:animate 14s linear infinite}.about .color-ring i:nth-child(2){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate 12s linear infinite}.about .color-ring i:nth-child(3){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate2 18s linear infinite}.about .color-ring:hover i{border:1px solid var(--clr);filter:drop-shadow(0 0 20px var(--clr))}.about .color-ring:hover .technologies .item,.about .color-ring:hover .tech-inner .item{box-shadow:0 0 30px #9500ff}.about .color-ring:hover .technologies,.about .color-ring:hover .tech-inner{animation:tilt-shaking 10s linear infinite}.about .indicators{display:flex;justify-content:space-around;width:100%}.about .indicators .item{font-weight:500;font-size:10px;text-align:center;color:#9f9f9f}.about .indicators .item:not(:first-child){padding-left:21px}.about .indicators .item:not(:last-child){padding-right:21px;border-right:.69px solid #585858}.about .indicators .item .accent{font-weight:700;font-size:41px;display:block;background:linear-gradient(167deg,#981c82 0%,#ed6d65 55.5%,#b07900 100%);background-clip:text;margin-bottom:11px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width: 768px){.container.about{text-align:left;margin-bottom:80px}.about .description{font-size:30px;margin-bottom:100px}.about .color-ring{width:500px;height:500px;margin-bottom:120px}.about .color-ring .img{width:230px}.about .technologies .item{width:6rem;height:6rem;padding:20px}.about .technologies .item .icon{width:40px;height:40px}.about .tech-inner .item{width:4rem;height:4rem;padding:14px}.about .tech-inner .item .icon{width:30px;height:30px}.about .indicators .item{font-size:30px;width:calc(100% / 3)}.about .indicators .item .accent{font-size:120px}}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.experience{margin-bottom:120px}.experience .title{position:relative}.experience .title .subtitle{font-family:Beauty,sans-serif;font-weight:400;font-size:30px;color:#ffa620;position:absolute;top:10px;right:-60px}.experience .cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px;text-align:left}.experience .case{padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.experience .case:hover{border-color:#eb97f4b3;box-shadow:0 0 30px #eb97f433}.experience .case-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px}.experience .case-company{margin:0;font-size:20px;font-weight:600}.experience .case-company a{color:var(--secondary-color);text-decoration:none;transition:color .2s ease-in-out}.experience .case-company a:hover,.experience .case-company a:focus{color:#eb97f4}.experience .case-role{font-size:13px;color:#9f9f9f}.experience .case-desc{margin:0 0 14px;font-size:14px;line-height:1.5;color:#d7d7d7}.experience .case-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.experience .case-tags li{padding:4px 12px;font-size:12px;border:1px solid rgba(255,255,255,.25);border-radius:20px;color:#fff}@media screen and (min-width: 768px){.experience{margin-bottom:200px}.experience .title .subtitle{font-size:50px;top:-10px;right:-100px}.experience .cases{grid-template-columns:repeat(3,1fr);gap:24px}.experience .case{padding:28px}.experience .case-company{font-size:26px}.experience .case-role{font-size:15px;width:100%}.experience .case-desc{font-size:16px}.experience .case-tags li{font-size:14px}}.container.recommendations{margin-bottom:60px;margin-top:60px}.recommendations .rec-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:20px}.recommendations .rec-item{scroll-margin-top:90px;text-align:left}.recommendations .rec-company{margin:0 0 8px;font-size:14px;color:var(--secondary-color)}.recommendations .rec-company-link{font-weight:600;color:#eb97f4;text-decoration:none;transition:opacity .2s ease-in-out}.recommendations .rec-company-link:hover,.recommendations .rec-company-link:focus{text-decoration:underline;opacity:.85}.recommendations .rec-screenshot{display:block;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 0 30px #ffffff26;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.recommendations .rec-screenshot:hover,.recommendations .rec-screenshot:focus{transform:translateY(-4px);box-shadow:0 0 40px #eb97f473}.recommendations .rec-img{display:block;width:100%;height:auto}.recommendations .rec-more{display:inline-block;margin-top:24px;padding:12px 24px;border:1px solid var(--secondary-color);border-radius:30px;font-weight:600;color:var(--secondary-color);text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.recommendations .rec-more:hover,.recommendations .rec-more:focus{color:var(--primary-color);background-color:#eb97f4;border-color:#eb97f4}@media screen and (min-width: 768px){.recommendations{margin-bottom:220px}.recommendations .rec-list{grid-template-columns:repeat(2,1fr);gap:30px}.recommendations .rec-company{font-size:18px}}.container.projects{margin-bottom:30px}.projects .title{position:relative}.projects .title .subtitle{font-family:Beauty,sans-serif;font-weight:400;font-size:30px;color:#ffa620;position:absolute;top:10px;right:-60px}.projects .list{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;grid-auto-flow:dense;gap:10px}.projects .list .item{border-radius:11px;background-color:#fff;overflow:hidden}.projects .list .item:nth-child(1){grid-column:span 2;grid-row:span 2}.projects .list .item:nth-child(4){grid-row:span 2}.projects .list .item:nth-child(7){grid-column:span 2}.projects .list .item a{position:relative;border-radius:11px;transition:box-shadow .2s ease-in-out}.projects .list .item .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center;border-radius:11px;background:rgba(0,0,0,.72);opacity:0;transition:opacity .2s ease-in-out}.projects .list .item a:hover .overlay,.projects .list .item a:focus .overlay{opacity:1}.projects .list .item .proj-name{font-weight:600;font-size:14px;color:#fff}.projects .list .item .proj-tags{font-size:11px;line-height:1.3;color:#ffffffd9}.projects .list .item a:hover{box-shadow:0 0 20px #fff}.projects .list .item a:focus{outline:2px solid rgba(235,151,244,1)}.projects .list .item a{display:block;width:100%;height:100%}.projects .list .item .img{object-fit:cover;height:100%;width:100%;border-radius:11px}.projects .backlist{display:flex;justify-content:center;flex-wrap:wrap;font-size:11px}.projects .backlist .ref{position:relative;margin:3px;border:1px solid #fff;border-radius:17px;transition:box-shadow .2s ease-in-out,opacity .2s ease-in-out}.projects .backlist .ref-tags{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;background:rgba(0,0,0,.85);color:#fff;border:.5px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 10px;font-size:9px;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:2}.projects .backlist .ref:hover .ref-tags,.projects .backlist .ref:focus-within .ref-tags{opacity:1;transform:translate(-50%) translateY(0)}.projects .backlist .ref a{padding:5px 12px;display:block;border-radius:17px}.projects .backlist .ref:hover,.projects .backlist .ref:focus-within{opacity:1;box-shadow:10px 0 30px #ffffff80}.projects .featured{max-width:920px;margin:0 auto 40px;padding:20px;text-align:left;background-color:#0006;border:.5px solid rgba(255,255,255,.3);border-radius:16px}.projects .featured-name{font-weight:600;font-size:20px;margin-bottom:6px}.projects .featured-sub{display:inline-block;font-weight:400;font-size:14px;color:#ffffffb3;margin-left:6px}.projects .featured-tags{font-size:12px;color:#ffa620;margin-bottom:16px}.projects .featured-desc{font-size:14px;line-height:1.55;color:#ffffffe6;margin-bottom:16px}.projects .featured-points{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}.projects .featured-points li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:#ffffffd9}.projects .featured-points li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background-color:#ffa620}.projects .featured-links{display:flex;flex-wrap:wrap;gap:10px}.projects .featured-links a{padding:8px 16px;font-size:13px;color:var(--secondary-color);border:1px solid #fff;border-radius:999px;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out}.projects .featured-links a:hover,.projects .featured-links a:focus{background-color:#ffffff1a;box-shadow:0 0 20px #ffffff80}@media screen and (min-width: 768px){.container.projects{margin-bottom:50px}.projects .featured{padding:32px;margin-bottom:60px}.projects .featured-name{font-size:28px}.projects .featured-sub{font-size:18px}.projects .featured-tags{font-size:15px}.projects .featured-desc{font-size:16px}.projects .featured-points li{font-size:15px}.projects .featured-links a{font-size:15px;padding:10px 20px}.projects .title .subtitle{font-size:50px;top:-10px;right:-100px}.projects .list{margin-bottom:50px;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px}.projects .list .item{grid-column:auto;grid-row:auto}.projects .list .item:nth-child(1){grid-column:span 2;grid-row:span 2}.projects .list .item:nth-child(4){grid-row:span 2}.projects .list .item:nth-child(6){grid-column:span 2}.projects .list .item:nth-child(8){grid-column:span 2;grid-row:span 2}.projects .list .item .proj-name{font-size:20px}.projects .list .item .proj-tags{font-size:14px}.projects .backlist .ref{font-size:30px;font-weight:300;border-radius:56px;margin:24px}.projects .backlist .ref a{padding:18px}.projects .backlist .ref-tags{font-size:13px;padding:7px 14px}}.work-together{position:relative;border-radius:15px;margin-top:32px;border:.5px solid rgba(255,255,255,.8);overflow:hidden}.contact-me{background:linear-gradient(180deg,rgba(240,240,240,.55),rgba(255,255,255,.01));padding:25px 17px}.contact-form{text-align:left;font-size:14px;padding-bottom:10px;border-bottom:1px solid #fff}.contact-form .title{margin-bottom:15px}.contact-form img{display:none}@media screen and (min-width: 390px){.contact-form img{position:absolute;right:0;top:20px;display:block}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form .field-group{margin-bottom:10px}.contact-form input{padding:3px 7px;background-color:transparent;border:1px solid rgba(255,255,255,.8);border-radius:8px;display:block;width:50%;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff;opacity:.6}.contact-form textarea{background-color:transparent;border:1px solid rgba(255,255,255,.8);border-radius:8px;padding:3px 7px;width:100%;color:#fff}.contact-form .field.invalid{border-color:#eb97f4}.contact-form .field.valid{border-color:#97f4ebe6}.contact-form .field-error{display:block;min-height:13px;margin-top:4px;font-size:11px;line-height:1.2;color:#eb97f4;text-shadow:2px 2px 8px rgba(235,151,244,.5)}.contact-form .box{display:flex;justify-content:space-between}.contact-form .box .error{width:60%;font-size:12px;color:#eb97f4;text-shadow:3px 3px 10px rgba(235,151,244,10);text-align:center}.contact-form .btn{background:linear-gradient(179deg,rgba(255,255,255,.5) 0%,rgba(58,58,58,.5) 100%);border-radius:9px;padding:8px 22px;display:block;margin:0 0 0 auto;border:none;transition:background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out}.contact-form .btn:hover,.contact-form .btn:focus{background:linear-gradient(179deg,rgba(255,255,255,.5) 100%,rgba(58,58,58,.5) 20%);color:var(--primary-color);box-shadow:3px 3px 10px #5b6cff}.contact-form .btn:disabled{opacity:.45;cursor:not-allowed}.contact-form .btn:disabled:hover,.contact-form .btn:disabled:focus{background:linear-gradient(179deg,rgba(255,255,255,.5) 0%,rgba(58,58,58,.5) 100%);color:inherit;box-shadow:none}@media screen and (min-width: 768px){.contact-me{padding:30px}.contact-form img{position:absolute;right:12%;top:30px;display:block;height:300px;width:auto}.contact-form{font-size:28px;padding-bottom:30px}.contact-form .title{margin-bottom:35px}.contact-form .field-group{margin-bottom:30px}.contact-form input,.contact-form textarea{padding:10px 16px}.contact-form .field-error{font-size:16px;min-height:18px}}.footer{padding-top:10px;display:flex;align-items:center;justify-content:space-between}.footer .scroll-up{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid var(--secondary-color);border-radius:50%;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.footer .scroll-up:before{content:"";width:7px;height:7px;margin-top:3px;border-top:2px solid var(--secondary-color);border-right:2px solid var(--secondary-color);transform:rotate(-45deg);transition:border-color .2s ease-in-out}.footer .scroll-up:hover,.footer .scroll-up:focus{background-color:#97f4eb;border-color:#97f4eb}.footer .scroll-up:hover:before,.footer .scroll-up:focus:before{border-color:var(--primary-color)}@media screen and (min-width: 768px){.footer .scroll-up{width:40px;height:40px}.footer .scroll-up:before{width:11px;height:11px}}:root{color:#fff;background-color:#000;-webkit-backdrop-filter:blur(68px);backdrop-filter:blur(68px);--primary-color: #000;--secondary-color: #fff}@font-face{font-family:Clash Display;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/ClashDisplay-Light-16245fa2.woff2),url(/assets/ClashDisplay-Light-9dea9827.woff)}@font-face{font-family:Clash Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ClashDisplay-Regular-6508dfc1.woff2),url(/assets/ClashDisplay-Regular-915aed2d.woff)}@font-face{font-family:Clash Display;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ClashDisplay-Medium-6de911fc.woff2),url(/assets/ClashDisplay-Medium-a1b68b3b.woff)}@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ClashDisplay-Semibold-e748ea11.woff2),url(/assets/ClashDisplay-Semibold-3c1cb164.woff)}@font-face{font-family:Clash Display;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/ClashDisplay-Bold-532795f8.woff2),url(/assets/ClashDisplay-Bold-ae6f186d.woff)}@font-face{font-family:Beauty;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/BeautyDemo-364f9fd9.ttf) format("truetype")}html{scroll-behavior:smooth}:where(#about,#experience,#projects,#recommendations,#contact){scroll-margin-top:80px}body{font-family:Clash Display,sans-serif;font-weight:400;font-size:15px;font-synthesis:none;text-rendering:optimizeLegibility;overflow-x:hidden;padding-bottom:30px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*:focus{outline:none}*:focus-visible{outline:1px solid rgba(235,151,244,1);border-radius:3px}a:focus,a:focus-visible{outline:none}.container{padding-left:23px;padding-right:23px;margin:0 auto;text-align:center;max-width:360px}.title{display:inline-block;padding-bottom:3px;border-bottom:1px solid var(--secondary-color);font-weight:600;font-size:25px;margin-bottom:23px}.bcg{background-image:url(/assets/bcg-projects-90f6140f.png);background-size:100% 50%;background-position-y:750px;background-repeat:no-repeat}@media screen and (min-width: 768px){body{margin-left:auto;margin-right:auto}.container{max-width:1280px;padding-left:60px;padding-right:60px}.title{font-size:58px;margin-bottom:50px}.bcg-hero{background:radial-gradient(circle,rgba(151,244,235,1) 0%,rgba(151,244,235,1) 0%,rgba(0,0,0,.3) 70%),radial-gradient(circle,rgba(235,151,244,1) 0%,rgba(235,151,244,1) 0%,rgba(0,0,0,.3) 70%),radial-gradient(circle,rgba(91,108,255,1) 0%,rgba(91,108,255,1) 0%,rgba(0,0,0,.3) 70%);background-size:100% 1200px,50% 600px,50% 600px;background-repeat:no-repeat,no-repeat,no-repeat;background-position:100% 105%,100% -5%,0% -5%;max-width:1280px;margin-left:auto;margin-right:auto}.bcg{background-image:url(/assets/bcg-projects-90f6140f.png);background-size:100% 50%;background-position-y:1350px;background-repeat:no-repeat}}