@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf);font-weight:400}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-CKLJZXR2.ttf);font-weight:500}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-XVCL1Lno.ttf);font-weight:600}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-zdiomvYZ.ttf);font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter;transition:all .2s;animation:anim 1s ease-out}@keyframes anim{0%{opacity:0;scale:.9;transform:translateY(20px)}to{opacity:1;scale:1;transform:translateY(0)}}li{list-style:none}a{text-decoration:none}.container{max-width:1310px;padding:0 30px;margin:0 auto;width:100%}.wrapper.light{animation:none;height:100vh}.wrapper.light .not_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;height:90vh}.wrapper.light .not_box_title{color:#111827;font-size:10vh}.wrapper.light .not_box_link{color:#111827;font-size:5vh;background-color:#d1d5db;padding:15px 20px;border-radius:10px}.wrapper.light .not_box_link:hover{scale:1.05}.wrapper.light .nav__box{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.wrapper.light .nav__box .logo{color:#111827;font-size:30px;font-weight:700}.wrapper.light .nav__box .menu{display:flex;gap:25px;align-items:center}.wrapper.light .nav__box .menu__link{color:#4b5563;font-size:16px;font-weight:500;transition:all .3s;padding-bottom:2.5px}.wrapper.light .nav__box .menu__link.active{border-bottom:1.5px solid rgb(75,85,99)}.wrapper.light .nav__box .menu li:last-child{height:25px;padding-left:30px;margin-left:10px;border-left:1px solid rgb(243,244,246)}.wrapper.light .nav__box .menu li:last-child img{transition:all .5s}.wrapper.light .nav__box .menu li:last-child img:hover{scale:1.2;rotate:360deg}.wrapper.light .home__box{padding-top:150px;display:flex;align-items:center;justify-content:space-between;gap:150px}.wrapper.light .home__box-title{color:#111827;font-size:60px;font-weight:700;margin-bottom:10px}.wrapper.light .home__box-text{color:#4b5563;font-size:16px;font-weight:400;line-height:24px;margin-bottom:40px}.wrapper.light .home__box-loc{display:flex;gap:5px;align-items:center;color:#4b5563;font-size:16px;font-weight:400;margin-bottom:20px}.wrapper.light .home__box-icons{margin-top:60px;display:flex;gap:20px}.wrapper.light .home__box-icons a{transition:all .3s}.wrapper.light .home__box-icons a:hover{scale:1.2}.wrapper.light .home__box .right{position:relative}.wrapper.light .home__box .right img{border:8px solid white}.wrapper.light .home__box-block{width:300px;height:340px;background:#e5e7eb;position:absolute;right:-30px;bottom:-30px;z-index:-1}.wrapper.light .title{margin:70px 35px 50px;color:#111827;font-size:50px}.wrapper.light .skills__box{padding-bottom:80px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:80px}.wrapper.light .skills__box img{width:60px;height:60px}.wrapper.light .skills__box .skill{position:relative;background:#f9fafb;border-radius:15px;padding:25px;color:#111827;display:flex;flex-direction:column;gap:25px;max-width:500px;width:100%}.wrapper.light .skills__box .skill_info{padding:8px;border-radius:15px;background:#d1d5db}.wrapper.light .skills__box .skill__line{width:100%;height:30px;border-radius:20px;position:relative;border:1px solid rgb(209,213,219)}.wrapper.light .skills__box .skill__line-per{height:100%;border-radius:18px;background:#d1d5db}.wrapper.light .skills__box .skill__pr{position:absolute;left:0;top:0;bottom:0;right:0;text-align:center;height:100%;display:flex;justify-content:center;align-items:center}.wrapper.light .skills__box .skill .top{display:flex;align-items:center;gap:20px}.wrapper.light .skills__box .skill__title{font-size:30px}.wrapper.light .school_box{display:flex;gap:10%;width:100%;padding-bottom:50px;color:#111827}.wrapper.light .school_box img{width:40%;height:auto}.wrapper.light .school_box h3{font-size:60px}.wrapper.light .school_box p{margin-top:20px;font-size:20px;line-height:1.5}.wrapper.light .projects__box{padding:80px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.wrapper.light .projects__box p span{font-weight:700}.wrapper.light .projects__box .project{display:flex;flex-direction:column;position:relative;gap:15px;border-radius:20px;background:#f9fafb;overflow:hidden;padding:30px;box-shadow:3px 3px 20px 2px #d1d5db}.wrapper.light .projects__box .project:hover .circle{width:100px;height:100px;filter:blur(10px);top:-20px;left:-20px}.wrapper.light .projects__box .project h2{font-size:30px;z-index:2}.wrapper.light .projects__box .project p{z-index:2}.wrapper.light .projects__box .project__links{display:flex;gap:20px}.wrapper.light .projects__box .project__links a{z-index:2;color:#111827;font-size:18px;position:relative}.wrapper.light .projects__box .project__links a:hover{scale:1.1;font-weight:500}.wrapper.light .projects__box .project .circle{transition:all 1s;z-index:1;border:30px solid rgb(209,213,219);border-radius:50%;position:absolute;filter:blur(30px);border-width:50px;width:200px;height:200px;left:270px;top:0}.wrapper.light .contacts__box{padding:80px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:50px}.wrapper.light .contacts__box .left{display:flex;flex-wrap:wrap;column-gap:75px;row-gap:30px;justify-content:center}.wrapper.light .contacts__box .left h3{font-size:30px;margin-bottom:5px;color:#111827}.wrapper.light .contacts__box .left a{font-size:25px;color:#111827;transition:all .2s;padding-bottom:3px}.wrapper.light .contacts__box .left a:hover{border-bottom:2px solid rgb(17,24,39)}.wrapper.light .contacts__box .right{position:relative;display:flex;flex-direction:column;gap:20px;align-items:start}.wrapper.light .contacts__box .right h3{font-size:30px}.wrapper.light .contacts__box .right .top{display:flex;gap:50px;width:100%}.wrapper.light .contacts__box .right .top input{width:50%;padding:10px 20px;font-size:16px;border-radius:20px;outline:none;background:transparent;border:1px solid rgb(75,85,99)}.wrapper.light .contacts__box .right .bottom{width:100%;height:200px;padding:15px;resize:none;outline:none;background:transparent;border-radius:20px;border:1px solid rgb(75,85,99);font-size:16px}.wrapper.light .contacts__box .right button{padding:15px 40px;border-radius:15px;border:none;outline:none;font-size:18px;color:#111827;background:#d1d5db;transition:all .4s}.wrapper.light .contacts__box .right button:hover{scale:1.1;background:#111827;color:#d1d5db}.wrapper.light .contacts__box .right span{font-size:18px;font-weight:500;position:absolute;bottom:0;left:0}.wrapper.dark{animation:none!important;background:#030712;z-index:-1000;min-height:100vh}.wrapper.dark .not_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;height:90vh}.wrapper.dark .not_box_title{color:#f9fafb;font-size:10vh}.wrapper.dark .not_box_link{color:#f9fafb;font-size:5vh;background-color:#111827;padding:15px 20px;border-radius:10px}.wrapper.dark .not_box_link:hover{scale:1.05}.wrapper.dark .nav__box{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.wrapper.dark .nav__box .logo{color:#f9fafb;font-size:30px;font-weight:700}.wrapper.dark .nav__box .menu{display:flex;gap:25px;align-items:center}.wrapper.dark .nav__box .menu__link{color:#d1d5db;font-size:16px;font-weight:500;transition:all .3s;padding-bottom:2.5px}.wrapper.dark .nav__box .menu__link.active{border-bottom:1.5px solid rgb(209,213,219)}.wrapper.dark .nav__box .menu li:last-child{height:25px;padding-left:30px;margin-left:10px;border-left:1px solid rgb(243,244,246)}.wrapper.dark .nav__box .menu li:last-child img{transition:all .5s}.wrapper.dark .nav__box .menu li:last-child img:hover{scale:1.2;rotate:360deg}.wrapper.dark .home__box{padding-top:150px;display:flex;align-items:center;justify-content:space-between;gap:150px}.wrapper.dark .home__box-title{color:#f9fafb;font-size:60px;font-weight:700;margin-bottom:10px}.wrapper.dark .home__box-text{color:#d1d5db;font-size:16px;font-weight:400;line-height:24px;margin-bottom:40px}.wrapper.dark .home__box-loc{display:flex;gap:5px;align-items:center;color:#d1d5db;font-size:16px;font-weight:400;margin-bottom:20px}.wrapper.dark .home__box-icons{margin-top:60px;display:flex;gap:20px}.wrapper.dark .home__box-icons a{transition:all .3s}.wrapper.dark .home__box-icons a:hover{scale:1.2}.wrapper.dark .home__box .right{position:relative;z-index:20}.wrapper.dark .home__box .right img{border:8px solid rgb(3,7,18);z-index:20}.wrapper.dark .home__box-block{width:300px;height:340px;background:#374151;position:absolute;right:-30px;bottom:-30px;z-index:-10}.wrapper.dark .title{margin:70px 35px 50px;color:#f9fafb;font-size:50px}.wrapper.dark .skills__box{padding-bottom:80px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:80px}.wrapper.dark .skills__box img{width:60px;height:60px}.wrapper.dark .skills__box .skill{position:relative;background:#111827;border-radius:15px;padding:25px;color:#f9fafb;display:flex;flex-direction:column;gap:25px;max-width:500px;width:100%}.wrapper.dark .skills__box .skill_info{padding:8px;border-radius:15px;background:#d1d5db}.wrapper.dark .skills__box .skill__line{width:100%;height:30px;border-radius:20px;position:relative;border:1px solid rgb(209,213,219)}.wrapper.dark .skills__box .skill__line-per{height:100%;border-radius:18px;background:#d1d5db}.wrapper.dark .skills__box .skill__pr{position:absolute;left:0;top:0;bottom:0;right:0;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;color:#111827}.wrapper.dark .skills__box .skill .top{display:flex;align-items:center;gap:20px}.wrapper.dark .skills__box .skill__title{font-size:30px}.wrapper.dark .skills__box .skill__text{color:#d1d5db}.wrapper.dark .school_box{display:flex;gap:10%;width:100%;padding-bottom:50px;color:#f9fafb}.wrapper.dark .school_box img{width:40%;height:auto}.wrapper.dark .school_box h3{font-size:60px}.wrapper.dark .school_box p{margin-top:20px;font-size:20px;line-height:1.5}.wrapper.dark .projects__box{padding:80px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.wrapper.dark .projects__box p span{font-weight:700}.wrapper.dark .projects__box .project{display:flex;flex-direction:column;position:relative;gap:15px;border-radius:20px;background:#111827;overflow:hidden;color:#f9fafb;padding:30px;box-shadow:3px 3px 20px 2px #4b5563}.wrapper.dark .projects__box .project:hover .circle{width:100px;height:100px;filter:blur(10px);top:-20px;left:-20px}.wrapper.dark .projects__box .project h2{font-size:30px;z-index:2}.wrapper.dark .projects__box .project p{z-index:2;color:#d1d5db}.wrapper.dark .projects__box .project__links{display:flex;gap:20px}.wrapper.dark .projects__box .project__links a{color:#d1d5db;z-index:2;font-size:18px;position:relative}.wrapper.dark .projects__box .project__links a:hover{scale:1.1;font-weight:500}.wrapper.dark .projects__box .project .circle{transition:all 1s;z-index:1;border:30px solid rgb(75,85,99);border-radius:50%;position:absolute;filter:blur(30px);border-width:50px;width:200px;height:200px;left:270px;top:0}.wrapper.dark .contacts__box{padding:80px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:50px}.wrapper.dark .contacts__box .left{display:flex;flex-wrap:wrap;column-gap:75px;row-gap:30px;justify-content:center}.wrapper.dark .contacts__box .left h3{font-size:30px;margin-bottom:5px;color:#f9fafb}.wrapper.dark .contacts__box .left a{font-size:25px;color:#d1d5db;transition:all .2s;padding-bottom:3px}.wrapper.dark .contacts__box .left a:hover{border-bottom:2px solid rgb(209,213,219)}.wrapper.dark .contacts__box .right{position:relative;display:flex;flex-direction:column;gap:20px;align-items:start}.wrapper.dark .contacts__box .right h3{font-size:30px;color:#f9fafb}.wrapper.dark .contacts__box .right .top{display:flex;gap:50px;width:100%}.wrapper.dark .contacts__box .right .top input{width:50%;padding:10px 20px;font-size:16px;border-radius:20px;outline:none;background:transparent;color:#f9fafb;border:1px solid rgb(75,85,99)}.wrapper.dark .contacts__box .right .bottom{width:100%;height:200px;padding:15px;resize:none;outline:none;border-radius:20px;border:1px solid rgb(75,85,99);font-size:16px;background:transparent;color:#f9fafb}.wrapper.dark .contacts__box .right button{padding:15px 40px;border-radius:15px;border:none;outline:none;font-size:18px;color:#111827;background:#d1d5db;transition:all .4s}.wrapper.dark .contacts__box .right button:hover{scale:1.1;background:#111827;color:#d1d5db}.wrapper.dark .contacts__box .right span{font-size:18px;font-weight:500;position:absolute;bottom:0;left:0;color:#d1d5db}@media (max-width: 1335px){.school_box{flex-wrap:wrap;justify-content:center;width:100%}.school_box img{margin-top:20px;width:80%!important}.home__box-block{display:none}.skill{width:400px!important;height:220px}.project__links a{font-size:16px!important}.project p{font-size:14px!important}.contacts__box{gap:200px!important}}@media (max-width: 1024px){.projects__box{grid-template-columns:1fr 1fr!important}.contacts__box{gap:100px!important}.home__box-title{font-size:50px!important}.home__box-text{font-size:14px!important;margin-bottom:25px!important}.home__box-loc{margin-bottom:25px!important}.home__box{padding-top:50px!important}}@media (max-width: 900px){.contacts__box{gap:50px!important;padding:25px 0!important}.home__box{gap:50px!important}.home__box-title{font-size:40px!important}.home__box-text{font-size:12px!important;line-height:20px!important}.home__box .right img{width:250px}.project__links a{font-size:14px!important}.project p{font-size:12px!important}.projects__box{padding:25px 0!important}.contacts__box .right h3{font-size:16px!important}.contacts__box .left h3{font-size:25px!important}.contacts__box .left a{font-size:22.5px!important}}@media (max-width: 666px){.title{font-size:50px!important;margin-bottom:30px!important;margin-top:50px!important}.school_box h3{font-size:50px!important}.school_box p{font-size:18px!important}.contacts__box{flex-direction:column-reverse}.contacts__box .right h3,.contacts__box .right button{margin:0 auto;text-align:center}.contacts__box .right span{width:100%;text-align:center}.contacts__box .left{margin-top:50px;text-align:center;gap:40px!important}.projects__box{grid-template-columns:1fr!important}.project__links a{font-size:20px!important}.project p{font-size:16px!important}.home__box-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.home__box-title{font-size:30px!important}.nav__box{flex-direction:column;gap:25px}.skills__box{padding-top:30px!important}}@media (max-width: 580px){.title{font-size:35px!important;margin-left:20px!important;margin-bottom:0!important;margin-top:30px!important}.school_box p{font-size:16px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical}.home__box{flex-direction:column-reverse;padding-top:25px!important;gap:20px!important}.home__box .left{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 30px 30px}.project p{font-size:12px!important}.project__links a{font-size:14px!important}.project h2{font-size:25px!important}.contacts__box .right .top{gap:25px!important}.contacts__box .right .top input{width:47%!important}}@media (max-width: 480px){.title{font-size:30px!important}.contacts__box .left a{font-size:20px!important}.contacts__box .right .top{gap:10px!important}.contacts__box .right .top input{width:48%!important;font-size:12px!important}.skill{width:300px!important;height:180px}.skill__text{font-size:14px!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.skill__title{font-size:25px!important}.menu__link{font-size:14px!important}.nav__box{gap:15px}.menu{gap:15px!important}.menu li:last-child{padding-left:10px!important;margin-left:0!important}}@media (max-width: 380px){.school_box h3{font-size:30px!important;margin-bottom:-10px}.menu__link{font-size:11px!important}.skills__box{padding:20px 0!important;gap:30px!important}.skills__box .skill{height:150px;width:250px!important;gap:15px!important}.skills__box .skill .top{gap:10px!important}.skills__box .skill__text{-webkit-line-clamp:2;line-clamp:2}.skills__box .skill__title{font-size:20px!important}.skills__box .skill img{width:50px!important;height:50px!important}.menu{gap:10px!important}.menu img{width:20px;height:20px}.menu li:last-child{display:flex;align-items:center}.home__box-title{font-size:25px!important}}