html{scroll-snap-type:y mandatory;scroll-behavior:smooth}section{height:100vh;scroll-snap-align:center}#navbar{height:50vh}#footer{height:20vh}.hero{display:flex;align-items:center;height:100vh;flex-direction:column;gap:35px;background:linear-gradient(180deg,#111,#181d20);z-index:-1}.hero img{margin-top:125px;z-index:2}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600;z-index:2}.hero h1 span{background:#00adee;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2}.hero p{width:50%;text-align:center;font-size:24px;line-height:40px;z-index:2}.hero_action{display:flex;align-items:center;gap:35px;font-size:24px;font-weight:500;margin-bottom:50px;z-index:2}.hero_connect{padding:25px 45px;border-radius:50px;background:#00adee;cursor:pointer;transition:.2s;z-index:2}.hero_resume{padding:25px 65px;border-radius:50px;border:2px solid white;cursor:pointer;transition:.2s}.hero_connect:hover{background:#fff;color:#000}.hero_resume:hover{border-color:#00adee}.slidingTextContainer{position:absolute;font-size:40vh;bottom:-350px;white-space:nowrap;color:#4a758422;font-weight:700;overflow:hidden;width:100%;z-index:1}@media (max-width:768px){.hero img{margin-top:120px;width:260px}.hero h1{margin-top:50px;width:90%;font-size:24px}.hero p{width:90%;font-size:12px;line-height:24px;margin:10px 0}.hero_action{gap:12px;font-size:12px;font-weight:500;margin-bottom:50px}.hero_connect{padding:20px 30px;border-radius:40px}.hero_resume{padding:20px 50px;border-radius:40px}}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.scroll_mouse{display:flex;justify-content:center;align-self:center}.scroll_mouse img{filter:invert(80%);width:250px;padding-top:50px;object-position:55%}.navbar img{width:100px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-connect{padding:20px 40px;border-radius:50px;background:#181818;font-size:22px;cursor:pointer;transition:.2s}.nav-connect:hover{transform:scale(1.1);background:#00adee}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor_link{text-decoration:none;color:#fff}.nav_mob_close,.nav_mob_open{display:none}@media (max-width:768px){.navbar{margin:20px 50px}.nav-connect{display:none}.nav_mob_open{display:block;position:fixed;right:30px}.nav_mob_close{display:block;position:relative;align-self:flex-end}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;top:0;gap:30px;background-color:#00adee;width:350px;height:100%;z-index:2;transition:right .3s;right:-100000px}.nav-menu li{font-size:30px;padding-left:20px;align-self:flex-start;flex-direction:row;gap:20px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:80px 170px;height:100vh;gap:200px;background-color:transparent}.bg_wrapper{position:absolute;display:flex;margin:0;padding:0;width:100%;height:100%;overflow:hidden}.bg_left{width:30%;height:100vh;background:linear-gradient(180deg,#181d20,#111);align-self:flex-start;position:absolute;transform:rotate(20deg) scale(2) translate(-40%);z-index:0}.bg_mid{width:100%;height:100vh;background:#12436f;z-index:-1;position:absolute}.bg_mid img{transform:scale(1.5)}.bg_right{width:30%;height:100vh;background:linear-gradient(180deg,#181d20,#111);align-self:flex-end;position:absolute;transform:rotate(20deg) scale(2) translate(150%);z-index:0}.about_title{position:relative}.about_title h1{padding:0 30px;font-size:80px;font-weight:600}.about_title img{position:absolute;bottom:0;right:0;z-index:-1;border-radius:100px}.about_sections{display:flex;gap:80px}.about_left{position:relative;top:100px;width:708px;height:300px;overflow:hidden;border-radius:50%}.about_left img{position:relative;bottom:10px;margin-bottom:-50px;margin-left:-75px;width:450px;height:450px}.about_right{display:flex;flex-direction:column;gap:80px}.about_para{display:flex;flex-direction:column;gap:20px;font-size:24px;font-weight:500}.about_skills{display:flex;flex-direction:column;gap:20px}.about_skill{display:flex;gap:50px;align-items:center;transition:3s}.about_skill p{min-width:150px;font-size:24px;font-weight:500}.about_skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:#00adee}.about_achievements{display:flex;width:100%;justify-content:space-between;margin-bottom:80px}.about_achievement{display:flex;flex-direction:column;align-items:center;gap:25px;transition:.5s;z-index:3}.about_achievement h1{font-size:60px;font-weight:700;background:#00adee;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about_achievement p{font-size:22px;font-weight:500}.about_skill:hover,.about_achievement:hover{transform:scale(1.05);transition:.3s}@media (max-width:768px){.about{gap:80px;margin:50px 70px;align-items:flex-start}.about_title h1{font-size:24px;padding:0}.about img{width:130px;right:-20px}.about_sections{flex-direction:column}.about_left{display:none}.about_para{font-size:12px;line-height:30px}.about_skill{gap:20px;align-items:center}.about_skill p{font-size:18px}.about_skill hr{height:6px}.about_achievements{justify-content:space-between}.about_achievement{gap:10px}.about_achievement h1{font-size:17px;font-weight:600}.about_achievement p{text-align:center;font-size:12px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:80px;margin:80px 170px}.service_title{position:relative}.service_title h1{padding:0 30px;font-size:80px;font-weight:600}.service_title img{position:absolute;bottom:0;right:0;z-index:-1}.services_format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:10px;border:2px solid #eff0f1;transition:.2s}.service_container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:80px}.services_format h3{font:24px;font-weight:500}.services_format h2{font-size:38px;font-weight:800;background:#00adee;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services_format p{color:beige;font-size:24px;font-weight:500;line-height:40px;max-width:400px}.services_format:hover{transition:.2s;background:#00adee;transform:scale(1.1)}.services_readmore{display:flex;gap:20px;align-items:center;margin-top:20px}@media (max-width:768px){.services{align-items:start;gap:70px;margin:20px 70px}.service_title h1{padding:0;font-size:24px}.service_title img{width:130px;margin-right:-20px}.services_format{gap:20px;padding:30px}.services_format h2{font-size:18px}.services_format p{font-size:14px;line-height:24px;max-width:300px}.services_readmore img{width:20px}.service_container{grid-template-columns:1fr 1fr;gap:30px}}.education{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:80px;margin:80px 170px}.education_title{position:relative}.education_title h1{padding:0 30px;font-size:80px;font-weight:600}.education_title img{z-index:-1;position:absolute;bottom:0;right:0}.education_container{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}.education_deg{display:grid;grid-template-columns:1fr 1fr;justify-content:flex-end}.education_time{text-align:right}.education_description{display:flex;align-items:flex-end;gap:50px}@media (max-width:768px){.education_title h1{font-size:24px;padding:0}.education_title img{width:110px;top:1px;right:-20px}.education_container{width:150%}.education_format h2{font-size:24px;font-weight:500}.education_deg{margin-top:-12px;font-size:12px;font-style:italic;color:gray}.education_description h4{font-size:12px;line-height:24px;margin-top:24px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.contact_title{position:relative}.contact_title h1{padding:0 30px;font-size:80px;font-weight:600}.contact_title img{position:absolute;bottom:0;right:0;z-index:-1}.contact_section{display:flex;gap:150px}.contact_left{display:flex;flex-direction:column;gap:30px}.contact_left h1{font-size:80px;font-weight:600;background:#00adee;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact_left p{max-width:550px;font-size:20px;line-height:30px}.contact_details{display:flex;flex-direction:column;gap:30px;font-size:20px}.contact_detail{display:flex;align-items:center;gap:20px}.contact_right{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.contact_right label{color:#00adee;font-size:20px;font-weight:500}.contact_right input{border:none;width:700px;height:75px;padding:20px;border-radius:4px;background-color:#181818;color:#f0f0f4;font-size:20px}.contact_right textarea{width:700px;border:none;padding:20px;border-radius:4px;background-color:#181818;color:#f0f0f4;font-size:20px}.contact_submit{cursor:pointer;border:none;background-color:gray;color:#f0f0f4;border-radius:50px;font-size:20px;padding:20px 60px;margin-bottom:50px;transition:.2s}.contact_submit:hover{background:#00adee;color:#f0f0f4;transform:scale(1.05)}@media (max-width:768px){.contact{margin:50px 70px;align-items:start}.contact_title h1{padding:0;font-size:35px;font-weight:500}.contact_title img{width:130px;margin-right:-20px}.contact_section{flex-direction:column}.contact_left h1{font-size:54px}.contact_left p{font-size:18px}.contact_detail{gap:20px}.contact_detail img{width:25px}.contact_right label{font-size:20px}.contact_right input{width:100%;font-size:20px}.contact_right textArea{width:95%;font-size:20px}.contact_submit{font-size:20px;padding:15px 40px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer_top{display:flex;justify-content:space-between}.footer_top_left p{font-size:20px;max-width:400px}.footer_top_right{display:flex;align-items:center;gap:35px}.footer_email_input{display:flex;gap:30px;padding:20px 20px 20px 30px;border-radius:50px;background:#181818}.footer_email_input input{outline:none;border:none;background:transparent;color:#d3d3d3}.footer_subscribe{font-size:20px;padding:20px 50px;border-radius:50px;background:gray;cursor:pointer;transition:.2s}.footer_subscribe:hover{background:#00adee;color:#f0f0f4;transform:scale(1.05)}.footer_bot{display:flex;justify-content:space-between;font-size:18px}.footer_bot_right{display:flex;flex-direction:row;gap:50px}.footer_email_input:hover{border:2px solid white;transition:.3s}@media (max-width:768px){.footer{margin:50px 70px}.footer_top{flex-direction:column;gap:50px}.footer_bot{display:flex;flex-direction:column-reverse;margin-bottom:50px}}*{margin:0;padding:0}body{height:100vh;background:#111;color:#eff0f1;font-family:roboto}
