.header{z-index:10;width:100%;position:sticky;top:0;left:0}.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26}.Nav_container{justify-content:space-between;align-items:center;max-width:1224px;margin-left:auto;margin-right:auto;padding:1.2rem 2rem;display:flex;position:relative}.Nav_container .logo{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.Nav_container .social_icons{gap:.5rem;display:flex}.Nav_container .social_icons svg{color:#fff}@media screen and (max-width:800px){.Nav_container .social_icons{display:none}}.Nav_container .social_icons div{margin-left:1rem}.Nav_container .social_icons div svg{cursor:pointer;color:#fff;opacity:.6;z-index:5;transition:all .3s}.Nav_container .social_icons div svg:hover{opacity:1}.Nav_container .menu{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:none;position:relative}@media screen and (max-width:800px){.Nav_container .menu{justify-content:center;align-items:center;display:flex}}.Nav_container .menu svg{width:70%;height:70%}.Nav_container .closeMenu{background:#000;border-radius:50%;width:4rem;height:4rem;position:fixed;top:0;right:0}.Nav_container .menuX{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:2rem;left:0}.Nav_container .menuX svg{cursor:pointer;width:1.5rem;height:1.5rem;position:absolute;top:2rem;right:5rem}.Nav_container .menuX li{margin-top:1rem;list-style:none}.Nav_container .menuX li a{text-transform:uppercase;color:#fff;opacity:.6;font-size:1.5rem;text-decoration:none;transition:all .3s}.Nav_container .menuX li a:hover{opacity:1}.nav_links{list-style:none;display:flex}.nav_links li{margin-left:3rem}@media screen and (max-width:800px){.nav_links li{display:none}}.nav_links li a{color:#fff;text-transform:uppercase;opacity:.6;font-size:.85rem;text-decoration:none;transition:all .3s}.nav_links li a:hover{opacity:1}
#MainHero{flex-direction:column;align-items:center;display:flex}#MainHero .profile{width:110px;height:110px}#MainHero .profile img{object-fit:cover;border-radius:50%;width:100%;height:100%}#MainHero .profile_text{flex-direction:column;align-items:center;margin-top:1rem;display:flex;position:relative}#MainHero .profile_text h3{color:#fff;font-size:2rem}@media screen and (max-width:500px){#MainHero .profile_text h3{font-size:1.5rem}}#MainHero .profile_text h3 span{color:#8c12f0}#MainHero .profile_text .job{color:#fff;opacity:.5;font-size:.85rem}#MainHero .profile_text .text{color:#fff;text-align:center;margin-top:2rem;font-size:5rem;line-height:1.3}@media screen and (max-width:800px){#MainHero .profile_text .text{margin-top:2rem;font-size:3.5rem}}@media screen and (max-width:530px){#MainHero .profile_text .text{font-size:2.5rem}}#MainHero .profile_text a{color:#000;text-transform:capitalize;background:#fff;border-radius:10px;margin-top:3rem;padding:.65rem 1rem;font-size:.85rem;text-decoration:none}#MainHero .profile_text div{color:#fff;cursor:pointer;background:#ffffff26;border-radius:25px;padding:.35rem 1rem;font-size:.85rem;position:absolute}@media screen and (max-width:800px){#MainHero .profile_text div{display:none}}#MainHero .profile_text .web{top:3.5rem;right:-1rem}#MainHero .profile_text .ui{top:2rem;left:2rem}#MainHero .profile_text .freelance{bottom:2rem;left:0}
.about_container{grid-template-columns:repeat(2,1fr);place-items:center;display:grid;position:relative}@media screen and (max-width:700px){.about_container{grid-template-columns:1fr}}.about_container .about_left{border-radius:5px;justify-self:center;max-width:350px;height:350px;box-shadow:0 0 20px #8c12f0}.about_container .about_left .cobe{object-fit:contain}.about_container .about_right{color:#fff;flex-direction:column;max-width:600px;padding:1rem;display:flex}@media screen and (max-width:700px){.about_container .about_right{margin-top:2rem;padding:0}}.about_container .about_right p{max-width:100%;margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.about_container .about_right p ul{margin:.5rem 0 1rem 1.5rem}.about_container .about_right p ul li{margin-bottom:.25rem;line-height:1.4;list-style-type:disc}.about_container .about_right .bio{max-width:300px;margin-bottom:1rem;font-size:.85rem;display:flex}.about_container .about_right .bio .bioKey{align-items:center;gap:.5rem;margin-right:3rem;display:flex}.about_container .about_right a{color:#000;text-transform:capitalize;background:#fff;border-radius:10px;width:165px;margin-top:1rem;padding:.65rem 1rem;font-size:.85rem;text-decoration:none}
.container{flex-direction:column;align-items:center;display:flex}@media screen and (max-width:767px){.container{flex-direction:column}}.title{text-align:center;margin-top:2rem}.title span{color:#8c12f0;font-size:1.2rem}.title h1{color:#fff;margin-top:1rem;font-size:2.5rem}@media screen and (max-width:500px){.title h1{font-size:2rem}}.select{justify-content:center;margin-top:2rem;display:flex}.select button{color:#000;text-transform:capitalize;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:1rem;padding:.65rem 1rem;font-family:Poppins;font-size:.85rem}.select button.active{color:#fff;background:#8c12f0}.select button:not(:last-child){margin-right:1rem}@media screen and (max-width:767px){.select button{font-size:.7rem}}.skills{grid-template-columns:repeat(4,1fr);justify-content:center;gap:2rem;margin-top:3rem;display:grid}@media screen and (max-width:1023px){.skills{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){.skills{grid-template-columns:repeat(2,1fr)}}.skills .tools{background-color:#131212;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.skills .tools svg{color:#fff;width:60%;height:60%;transition:transform .2s}.skills .tools:hover{transform:scale(1.1)}.experiences{width:100%;max-width:800px;margin-top:3rem}.experiences .experience{border-bottom:2px solid #ffffff1a;flex-direction:column;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.experiences .experience span{color:#8c12f0;margin-bottom:.5rem;font-size:1.2rem}.experiences .experience .position h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.experiences .experience .position p{color:#ffffffb3;font-size:.9rem}.experiences .experience .tasks{margin-top:1.5rem}.experiences .experience .tasks li{color:#fff;margin-bottom:.5rem;font-size:.9rem}.experiences .experience:last-child{border-bottom:none;padding-bottom:0}.finishes_container{text-align:center;color:#fff;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:5rem;display:flex}@media screen and (max-width:767px){.finishes_container{flex-direction:column}}.finishes_container .finishes .number{color:#8c12f0;font-size:1.7rem}.finishes_container .finishes .item_name{margin-top:.5rem;font-size:1.2rem}
.container{padding:20px}.title{text-align:center;margin-bottom:2rem}.title span{color:#8c12f0;letter-spacing:2px;font-size:1.2rem;font-weight:600}.title h1{color:#fff;margin-top:.5rem;font-size:2.5rem}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}@media screen and (max-width:350px){.buttons button{font-size:.75rem}}.buttons button{color:#000;text-transform:capitalize;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:1rem;padding:.65rem 1rem;font-family:Poppins;font-size:.85rem;transition:all .3s}.buttons button:hover{color:#fff;background:#9f3bf3}.buttons button.active{color:#fff;background:#8c12f0}.portfolio-container{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;display:grid}@media screen and (max-width:1023px){.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.portfolio-container{grid-template-columns:1fr}}.portfolio-card-wrapper{height:100%}.portfolio-card{color:#fff;background-color:#131212;border-radius:8px;flex-direction:column;height:100%;padding:15px;transition:box-shadow .3s;display:flex;box-shadow:0 0 8px #8c12f01a}.portfolio-card:hover{box-shadow:0 0 15px #8c12f033}.project-image{border-radius:8px;width:100%;height:230px;margin-bottom:10px;position:relative;overflow:hidden}.project-image img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .3s}.project-image:hover img{transform:scale(1.05)}.github-icon-container{cursor:pointer;z-index:1;background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .3s;display:flex;position:absolute;top:10px;right:10px}.github-icon-container:hover{background-color:#8c12f0}.github-icon-container svg{color:#fff}.project-details{flex-direction:column;flex:1;display:flex}.project-details h3{color:#fff;margin-bottom:8px;font-size:1.2rem}.project-details .project-description{color:#a0a0a0;margin-top:5px;font-size:14px;line-height:1.5}.project-tags{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:15px;display:flex}.project-tags .project-tag{color:#8c12f0;background-color:#1a1a1a;border-radius:4px;margin:0;padding:4px 8px;font-size:12px;transition:all .3s}.project-tags .project-tag:hover{color:#fff;background-color:#8c12f0}
.contact_form{background:#fff;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin-left:auto;margin-right:auto;padding:2rem;display:grid;overflow:hidden}@media screen and (max-width:700px){.contact_form{grid-template-columns:1fr}}.contact_form .contact_left_container h3{margin-bottom:1rem;font-size:1.5rem}.contact_form .contact_left_container .contact_text{margin-bottom:1rem;font-size:.85rem}.contact_form .contact_left_container .contact_left{align-items:center;margin-top:1rem;display:flex}.contact_form .contact_left_container .contact_left .icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:1rem;display:flex}.contact_form .contact_left_container .contact_left p{font-size:.85rem}.contact_form .contact_left_container .social_icons{color:#fff;gap:.7rem;margin-top:1rem;display:flex}.contact_form .contact_left_container .social_icons svg{color:#000;font-size:1.3rem}.contact_form .contact_left_container .social_icons div{cursor:pointer;margin-right:1rem}.contact_form .contact_left_container .social_icons div:hover{opacity:.8}.contact_form .contact_right h3{margin-bottom:1rem;font-size:1.5rem}.contact_form .contact_right .row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;width:100%;display:grid}.contact_form .contact_right .row input{background:#f3f3f3;border:none;border-radius:5px;outline:none;margin-bottom:.5rem;padding:1rem 1.5rem;font-family:Poppins;font-size:.85rem}.contact_form .contact_right .row textarea{resize:none;background:#f3f3f3;border:none;border-radius:5px;outline:none;min-height:150px;margin-bottom:.5rem;padding:1rem 1.5rem;font-family:Poppins;font-size:.85rem}.contact_form .contact_right .btn{color:#fff;text-align:center;text-transform:capitalize;background:#8d14f0;border-style:none;border-radius:10px;width:4.2rem;margin-top:1rem;padding:.65rem;font-size:.85rem;text-decoration:none}.contact_form .contact_right .POP{text-align:center;background:#8c12f0}
.footer{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:2rem;max-width:800px;margin-left:auto;margin-right:auto;padding:1rem 3rem;display:flex}.footer .copyright p{font-size:.85rem}.footer .copyright p span{color:#8c12f0;font-weight:800}.footer .followMe{align-items:center;gap:1rem;display:flex}.footer .followMe h4{font-size:.85rem}.footer .followMe .stick{background:#fff;width:3rem;height:2px}.footer .followMe .social_icons{gap:.5rem;display:flex}.footer .followMe .social_icons svg{opacity:.7;color:#fff;cursor:pointer}.footer .followMe .social_icons svg:hover{opacity:1}