@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}:root{--blue-theme-background-color: rgb(233, 217, 217);--blue-theme-main-color: rgb(23, 226, 77);--blue-theme-text-color:white ;--blue-theme-nav-background-color: rgb(0, 0, 0)}html{font-size:62.5%;height:100%}body{background:var(--blue-theme-background-color);height:100%}#root,.App{height:100%}.App_main-page-content{height:calc(100% - 80px)}.wrapper{display:flex;align-items:center;padding:20px;border-bottom:1px dotted rgb(12,180,12);position:sticky}h2{font-size:36px;font-weight:700;letter-spacing:1.5px;margin-left:20px;text-transform:capitalize;color:#17b90e;display:flex;flex-grow:1}span{color:#0cb40c}.resume-container{width:700px;margin-bottom:0%;height:550px;animation:slide 1s ease;position:sticky}.educational-items{padding-left:15px;color:#fff;background-color:#fff;color:#000;width:700px;height:550px;animation:slide2 1s ease;position:sticky}.school-content{gap:6px;color:#fff;color:#000;position:sticky}.project-content{display:flex;justify-content:center;font-weight:300px;color:#0c0b0b;flex-direction:column;gap:6px;padding-bottom:10px;position:sticky}.resume_content{display:flex;justify-content:center;align-items:center;position:sticky}.Technology{display:flex;flex-direction:column;gap:10px;margin-left:10px}.profile{display:flex;flex-direction:column;gap:10px;margin-left:10px;position:sticky}.career-objective{margin-top:20px;display:flex;flex-direction:column;gap:10px;margin-left:10px;position:sticky}.personal-details{margin-top:20px;display:flex;flex-direction:column;gap:10px;margin-left:10px;position:static}.resume-container{background-color:#fff;position:sticky}@media only screen and (max-width: 900px){.resume_content{flex-direction:column;width:100%;position:relative}.educational-items,.school-content,.project-content,.Technology,.profile,.career-objective,.personal-details,.resume-container{width:100%}}@keyframes slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide2{0%{transform:translateY(100%)}to{transform:translateY(0)}}.skills{position:sticky}.skills_content-wrapper{display:flex;padding:20px;grid-area:20px}.skills_content-wrapper_inner-content{flex:1;display:flex;flex-direction:column;align-items:center}.skills_content-wrapper_inner-content_category-text{display:inline-block;color:var(--blue-theme-main-color);font-size:22px;font-weight:700;line-height:1rem;letter-spacing:.5px;position:relative;text-transform:uppercase;padding:5px 10px;border-bottom:2px solid var(--blue-theme-main-color)}.progressbar-wrapper{color:var(--blue-theme-main-color);font-size:large;font-weight:22px;font-weight:100px;display:flex;flex-direction:column;margin-top:20px;margin-right:60px;gap:20px}.line{padding:5%;width:100%;display:flex}@media screen and (max-width: 768px){.skills_content-wrapper{padding:10px}.progressbar-wrapper{margin-right:0}.line{display:flex;flex-direction:column}}.containers{border:1px solid black;display:flex;height:500px;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:center;position:sticky}.project{background:#000;box-shadow:1px 0 10px 10px #f8f7f2ee;border:5px solid rgb(117,216,17);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:10px;width:600px;border-radius:10px;position:sticky;animation:identifier 2s}.anker{text-decoration:none;color:#fff;font-size:20px;font-weight:700;margin:10px}@keyframes identifier{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media only screen and (max-width: 900px){.containers{flex-direction:column;width:90%;position:sticky}.project{flex-direction:column;width:100%;position:sticky}.anker{width:100%;position:sticky}}.contact-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:20px;padding:10px;position:sticky}.contacts-container{display:flex;flex-direction:column;padding:5px;gap:5px;background-color:#000;border-radius:6px;margin-top:10px;box-shadow:5px 5px 10px 5px #fff;position:sticky}.anker{color:#e31a0f;position:sticky;display:flex}.contact-header{color:#fdffff;position:sticky;display:flex}.links-container{display:flex;flex-direction:column}@media only screen and (max-width: 900px){.contacts-container,.links-container,.anker,.contact-header{flex-direction:column;width:100%;position:sticky}}.home{height:90vh;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#17e24d}.home_text-wrapper{display:flex;justify-content:center;align-items:center}h1{color:#17e24d;margin:0;font-weight:500;font-size:8rem;text-align:center;line-height:10rem;position:relative;overflow:hidden;white-space:nowrap;animation:EffectAnimaation 2.5s steps(30,end)}.home_content-me{display:flex;justify-content:center;align-items:center}button{cursor:pointer;padding:10px;font-size:2rem;background:transparent;color:#119511;background-color:#0c0e0d;border-radius:5px;border:1px solid rgb(23,226,77);transition:.5s;font-weight:500px}button:hover{background-color:#17e24d;color:#0c0e0d;border:1px solid rgb(12,14,13);transition:.5s}@media only screen and (max-width: 550px){.home_text-wrapper h1{font-weight:3rem;line-height:5rem}}@media only screen and (max-width: 551px) and (max-width: 768px){.home_text-wrapper h1{font-weight:4rem;line-height:6rem}}@media only screen and (min-width: 769px) and (max-width: 999px){.home_text-wrapper h1{font-weight:6rem;line-height:8rem}}@keyframes EffectAnimaation{0%{width:0;opacity:0}to{width:100%;opacity:1}}.role,.personaldetail{color:#08c239}.about_content{display:flex;gap:20px;padding:20px;width:100%}.about_content_personalWrapper,.about_content_serviceWrapper{width:50%}.about_content_personalWrapper h3{margin-bottom:10px;font-size:2.5rem;font-weight:700;color:#0bab0b}.about_content_personalWrapper h3.personaldetail{padding-top:20px}.about_content_personalWrapper p{color:#fff;font-size:1.8rem;font-weight:500;line-height:1.65;padding:20px;border-bottom:1px dashed rgb(8,194,57)}.about_content_personalWrapper ul>li{line-height:1rem;margin-bottom:15px}.about_content_personalWrapper ul>li span.tittle,.about_content_personalWrapper ul>li span.value{font-size:18px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid rgb(8,194,57);position:relative;margin-right:16px;padding-bottom:5px;color:#fff}.about_content_personalWrapper ul>li span.value{border-bottom:none}.about_content_servicesWrapper{display:flex;justify-content:center;align-items:center;margin-left:30px}.about_content_servicesWrapper_innerContent{width:350px;height:350px;background-color:radial-gradient(180px,var(green),transparent 90%)}.about_content_servicesWrapper_innerContent{width:350px;height:350px;background:radial-gradient(180px,var(--blue-theme-main-color),transparent 100%);position:relative;border-radius:50%;border:1.5px solid var(--blue-theme-main-color);animation:rotation 10s linear 1s infinite}.i1{position:absolute;top:-12%;left:41%}.i2{position:absolute;right:-8%;top:41.5%}.i3{position:absolute;bottom:-10%;left:41%}.i4{position:absolute;top:41%;left:-8%}@keyframes rotation{to{transform:rotate(360deg)}}@media only screen and (max-width: 900px){.about_content{flex-direction:column;width:100%}.about_content_personalWrapper,.about_content_serviceWrapper{width:100%}.about_content_servicesWrapper{margin-left:120px;left:90px;width:250px;height:250px;background:radial-gradient(180px,var(--blue-theme-main-color),transparent 20%)}.about_content_servicesWrapper_innerContent{width:250px;height:250px}}.navbar{height:80px;width:100%;background-color:var(--blue-theme-nav-background-color);border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky}.navbar_container{display:flex;align-items:center;width:100%;height:inherit;padding:0 20px;flex:1}.navbar_container_logo{color:var(--blue-theme-main-color)}.navbar_container_menu{display:flex;list-style:none;text-align:center}.nav_icon{display:none}.navbar_container_menu_item{line-height:40px;margin-right:1.5rem;font-size:1.6rem}.navbar_container_menu_item:after{content:"";display:block;height:3px;width:0;background:transparent;transition:all .5s ease}.navbar_container_menu_item:hover:after{width:100%;background:var(--blue-theme-main-color)}.navbar_container_menu_item_links{color:var(--blue-theme-main-color);text-decoration:none;padding:.5rem}@media only screen and (max-width: 680px){.navbar_container_menu{display:flex;flex-direction:column;justify-content:center;width:100%;border-top:.5px solid #fff;position:absolute;top:80px;left:-110%;opacity:1;transition:all .5s ease}.active{background:#000;left:0;border:1px solid #fff}.navbar_container_menu_item{border-bottom:1px solid #110101;margin:0;padding:20px 0}.nav_icon{display:block;cursor:pointer;color:var(--blue-theme-main-color);padding-right:20px}}