@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{scrollbar-width:auto;scrollbar-color:transparent transparent}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:10px;border:none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins;color:#22111a}img{width:100%}a{color:inherit;text-decoration:none}a:visited{color:inherit}.container{max-width:1180px;margin:0 auto}.app{display:flex;flex-direction:column;gap:64px}.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;padding:0 2rem;background-color:#fff;background-image:radial-gradient(at 44% 0%,rgba(255,184,122,.4) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(31,221,255,.2) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(255,133,173,.2) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(255,181,138,0) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(107,102,255,.3) 0px,transparent 50%),radial-gradient(at 0% 0%,rgba(255,133,167,.3) 0px,transparent 50%)}.background .line{border-left:1px solid rgba(0,16,36,.04);border-right:1px solid rgba(0,16,36,.04);min-height:100vh}.background .grid{gap:0 2rem;min-height:100vh;display:grid;gap:2rem;grid-template-columns:repeat(12,1fr);max-width:80rem;min-height:40vh;margin:auto}.introduction{background:rgba(255,255,255,.2);border-radius:24px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);padding:24px 100px 100px;margin-top:50px;display:flex;flex-direction:column}.introduction .links{display:flex;align-items:center;justify-content:center;gap:43px;margin-bottom:100px}.introduction .links a{cursor:pointer;border-bottom:1px solid transparent;transition:border-bottom .3s ease-in-out}.introduction .links a:hover{border-bottom:1px solid #22111a!important}.introduction .hero{display:flex;justify-content:space-between;align-items:center}.introduction .hero .left{display:flex;flex-direction:column;gap:30px;flex:0 0 60%;font-size:32px;font-weight:700;line-height:54px}.introduction .hero .left h1 span:nth-child(1){font-size:20px;font-weight:500}.introduction .hero .left h1 .gradient{background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.introduction .hero .left .small-about{font-size:14px;font-weight:400;line-height:20px}.introduction .hero .left .socials{display:flex;gap:20px;font-size:30px}.introduction .hero .left .socials .icon{cursor:pointer}.introduction .hero .right{flex:0 0 30%}.introduction .hero .right img{border-radius:50%;border:2px solid #22111a}.introduction .resume .button{margin-top:20px;position:relative;padding:12px 28px;display:flex;align-items:center;gap:8px;font-size:16px;border-radius:4px;font-weight:400;color:#fff;background-image:linear-gradient(120deg,rgb(255,184,122),rgb(255,184,122));outline:none;border:none;cursor:pointer;z-index:1}.introduction .resume .button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:4px;z-index:-1;transition:opacity .3s linear;opacity:0;background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167))}.introduction .resume .button:hover:before{opacity:1}@media (max-width: 768px){.introduction{margin:20px;padding:16px}.introduction .hero{flex-direction:column-reverse}.introduction .hero .left{text-align:center}.introduction .hero .left h1{font-size:33px;line-height:35px}.introduction .hero .left .socials{justify-content:center}.introduction .hero .right img{max-width:200px}.introduction .resume{display:flex;justify-content:center}}.slide-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:50px;height:64px}.slide-icon .icon{font-size:40px;color:#22111a;display:flex;align-items:center;justify-content:center}.slide-icon .name{font-size:14px;font-weight:400;color:#22111a}.slide-icon:hover .icon{background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ffb87a}.slide-icon:hover .name{background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-stack-wrapper{background:rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);padding:25px 40px}.tech-stack-wrapper .tech-stack{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1280px}@media (max-width: 768px){.tech-stack-wrapper .tech-stack{justify-content:center}}.about{background:rgba(255,255,255,.2);border-radius:24px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);padding:24px 100px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:200px}.about h3{font-size:16px;font-weight:800;background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about .content{display:flex;gap:40px}.about .content>*{flex:1}.about .content h2{font-size:20px;font-weight:500;line-height:20px}.about .content p{font-size:14px;font-weight:400;line-height:20px}.about .content .left{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.about .content .left .title{display:flex;align-items:center;gap:5px}.about .content .left .title .icon{font-size:22px}.about .content .right{display:flex;flex-direction:column;align-items:center;gap:20px}.about .content .right .title{display:flex;align-items:center;gap:5px}.about .content .right .title .icon{font-size:22px}@media (max-width: 768px){.about{padding:16px;margin:20px}.about .content{flex-direction:column-reverse;text-align:center}.about .content .left .title{width:100%;justify-content:center}}.projects{display:flex;flex-direction:column;gap:50px}.project{background:rgba(255,255,255,.2);border-radius:24px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);padding:24px;display:flex;flex-direction:column;gap:20px}.project .project-number{display:flex;justify-content:space-between;align-items:center}.project .project-number h3{width:fit-content;font-size:16px;font-weight:800;background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project .project-number .tech-wrapper{display:flex;gap:5px}.project .project-number .tech-wrapper .tech{display:flex;align-items:center;font-size:12px;padding:2px 10px;border-radius:999999999999px;border:1px solid #22111a;color:#22111a}.project .top{display:flex;gap:50px}.project .top .left{flex:0 0 60%}.project .top .left img{border-radius:16px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.project .top .right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:20px}.project .top .right .title h2{font-size:24px;font-weight:500;line-height:20px}.project .top .right .links{display:flex;justify-content:space-between;gap:40px;margin-top:auto}.project .top .right .links .link{display:flex;gap:4px;font-size:20px;align-items:center}.project .top .right .links .link .icon{font-size:24px}.project .top .right .links .link:hover{background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project .top .right .links .link:hover .icon{color:#ff85a7}@media (max-width: 768px){.project{margin:20px;padding:16px}.project .project-number{justify-content:center}.project .project-number .tech-wrapper{display:none}.project .top{flex-direction:column;gap:10px}}.footer-wrapper{background:rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);padding:25px 40px;margin-top:200px}.footer-wrapper .footer{display:flex;flex-direction:column;gap:20px}.footer-wrapper .footer .title h1{width:fit-content;background:linear-gradient(120deg,rgb(255,184,122),rgb(255,133,167));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-wrapper .footer .content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:50px}.footer-wrapper .footer .content-wrapper .contacts{display:flex;gap:100px}.footer-wrapper .footer .content-wrapper .contacts .column{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.footer-wrapper .footer .content-wrapper .contacts .column a{text-decoration:underline}.footer-wrapper .footer .content-wrapper .return-top .icon-wrapper{display:flex;padding:5px;border-radius:50%;border:2px solid rgb(255,133,167);font-size:40px;color:#ff85a7;cursor:pointer}@media (max-width: 768px){.footer-wrapper{margin-top:50px}.footer-wrapper .footer .content-wrapper{flex-direction:column;padding:0}.footer-wrapper .footer .content-wrapper .contacts{flex-direction:column;gap:10px}}.contact{display:flex;gap:20px}.contact .icon{font-size:22px;color:#ffb87a}