*{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--secondary-color);color:#333;font-family:Poppins,Times,serif;max-width:100%;overflow-x:hidden}html{font-size:62.5%;max-width:100%;overflow-x:hidden}ul{list-style-type:none}a{color:#fff;text-decoration:none}:root{--nav-height: 6.4rem;--secondary-color: #F4F7FC;--primary-color: #FFFFFF;--letter-color: #012A4A;--border-color: rgb(224, 224, 255);--grey: #F2F2F2;--blue-dark:#3367D1;--light-green: #D5F8EF;--light-blue: #D8F6FF;--bright-blue: #5DCDF1;--yellow-bright: white;--darkest-blue: #0D1B2A;--darker-blue: #1B263B;--grey-blue: #415A77;--faint-blue: #778DA9;--white-blue: #E0E1DD}@media (max-width: 1000px){html{font-size:50%}}.container{max-width:120rem;margin:0 auto}.btn{padding:1rem 2rem;font-size:1.5rem;width:15rem;background-color:var(--grey);border-radius:1rem;text-align:center;cursor:pointer}.btn-primary{color:var(--letter-color);background-color:var(--yellow-bright);border:1px solid var(--yellow-bright);transition:all .2s}.btn-primary:hover{background-color:var(--bright-blue);scale:1.04;transform:rotate(2deg)}.btn-secondary{color:var(var(--letter-color));background-color:#fff;border:1px solid var(--bright-blue);transition:all .2s}.btn-secondary:hover{background-color:#f8f8f8;scale:1.1}.btn-project-dark{background-color:var(--darkest-blue);box-shadow:-14px 15px 27px 0 var(--darkest-blue);color:var(--white-blue);transition:.2s ease-in-out}.btn-project-dark:hover{box-shadow:-14px 15px 0 0 var(--darkest-blue)}p{color:var(--letter-color);font-size:2rem;text-align:left;line-height:1.5;letter-spacing:-1px}h2{font-size:6rem}h3{font-size:1.5rem}.project-content-heading{color:var(--white-blue);font-size:1.8rem;letter-spacing:2px;margin-bottom:2.5rem}.project-content-description{color:var(--white-blue);font-size:1.3rem;letter-spacing:2px;margin-bottom:5rem;width:60%}.background-project{background-color:var(--darkest-blue)}.make-invisible{display:none}.heighlight{border:2px solid red}.gap{height:9rem}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 0 1.5rem;background-color:var(--primary-color);border-bottom:1px solid rgb(226,226,226);height:var(--nav-height)}.navbar-logo{display:flex;width:3rem;height:3rem;padding:2rem;border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;cursor:pointer}.navbar-left{display:flex;gap:5px;color:#fff;margin-right:2rem}.navbar-left li{padding:1rem .5rem;border-radius:.5rem;cursor:pointer;color:var(--letter-color);font-size:1.5rem;transition:all 1s}.navbar-left li:hover{background-color:var(--secondary-color);color:#00f;scale:1.1}.space{width:100%;height:30rem}.main-page-hero{width:100%;height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;background-color:var(--secondary-color);text-align:center;align-items:center;justify-content:center}.intro-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:5rem;font-size:6rem}.main-page-hero .hero-image{width:15rem;height:15rem;border-radius:50%;margin-bottom:1rem;background-color:#dcdcdc}.main-page-hero h2{margin-bottom:6rem;font-size:6rem}.main-page-hero p{color:var(--letter-color);opacity:0;animation-duration:1s;font-size:2rem;animation-name:Appear;animation-fill-mode:forwards;text-align:center}.main-page-hero span{display:inline-block;color:var(--letter-color);background-color:var(--yellow-bright);border-radius:5px;padding:1rem;transition:all .2s ease-in-out}.main-page-hero span:hover{background-color:var(--bright-blue);transform:rotate(-2deg);color:#fff}.main-page-hero ul{display:flex;justify-content:center;gap:2rem;margin-top:5rem}@keyframes Appear{0%{opacity:0}to{opacity:100%}}@media (max-width: 500px){.main-page-hero ul{flex-direction:column;align-items:center;width:100%}.main-page-hero ul li{width:90%}.btn-primary,.main-page-hero span{background-color:var(--bright-blue)}}.about-heading{text-align:center;width:100%;font-size:6rem;margin-bottom:2rem}.about{display:flex;gap:5rem;height:150rem}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:6rem}.grid-1{grid-row:1/2;grid-column:1/2}.grid-2{grid-row:1 / 3;grid-column:2 / 3}.grid-3{grid-row:2/ 4;grid-column:1/ 2}.grid-4{grid-row:3/ 5;grid-column:2 / 3}.grid-5{grid-row:4/ 6;grid-column:1 / 2}.grid-6{grid-row:5/ 7;grid-column:2 / 3}.image-card{overflow:hidden;background-color:var(--yellow-bright);display:flex;align-items:center;justify-content:center}.image-card img{width:40rem}.about-content{flex-basis:50%;display:flex;flex-direction:column;justify-content:start;gap:5rem}.skill-card{background-color:var(--yellow-bright);border-radius:.5rem;min-height:50rem;padding:10rem 5rem;transition:all .1s}.skill-card p{font-size:2rem;margin-top:2rem;font-weight:600}.skill-card h4{font-size:4rem;font-weight:1000;margin-top:2rem}.skill-card i{margin-top:2rem;font-size:5rem}.skill-card:hover,.image-card:hover{border:1px solid #CFD3D6}.tools-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f7fc;margin-top:20rem}.tools-heading{margin-top:4rem}.about-tools{display:flex;gap:2rem;margin-top:10rem;margin-bottom:10rem}.about-tools .about-tool{width:10rem;height:10rem;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#fff;transition:1s}.about-tools .about-tool:hover{transform:translateY(-2px)}.about-tool img{width:3rem;height:3rem}@media (max-width: 1000px){.skill-card{min-height:40rem;width:85%;overflow:hidden}}@media (max-width: 500px),(max-width: 801px){.about-grid{display:flex;flex-direction:column;align-items:center;gap:2rem}.skill-card{background-color:var(--yellow-bright);min-height:50rem;width:80%}.about{height:260rem}.image-card{background-color:var(--yellow-bright);box-shadow:1px 1px 5px var(--letter-color)}.about-tools{flex-direction:column}.about-tool{width:50rem;height:50rem}}.project-baground{background-color:#f4f7fc}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;height:74rem}.project-main-box{display:flex;flex-direction:column;background-color:var(--yellow-bright)}.project-name,.project-description{display:flex;padding:2rem 0;border-bottom:1px solid #CFD3D6;align-items:center;justify-content:center;gap:2rem}.project-carousal{display:flex;width:70rem;height:31rem;margin:5rem 0;background-color:var(--grey);transition:all 1s}.project-carousal:hover{transform:scale(1.04)}.project-carousal-images{display:flex;width:100%;height:100%;overflow:hidden}.project-carousal-images img{transition:all 1s}.project-card{flex-grow:0;flex-shrink:0;width:100%;height:100%}.c-button{background-color:var(--yellow-bright);height:100%;width:20%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:2.5rem;transition:.5s ease-in-out}.c-button:hover{font-size:5rem;border:1px solid #CFD3D6}.coursal-dots{position:absolute;display:flex;gap:1rem;bottom:5px;left:50%;transform:translate(-50%)}.coursal-dots i{color:#fff;font-size:2rem;cursor:pointer;transition:scale .1s}.coursal-dots i:hover{transform:scale(1.1)}@media (max-width: 801px){.project-carousal{width:62rem;height:35rem}.contact-view{display:none}}@media (max-width: 500px){.project-carousal{width:45rem;height:25rem}.contact-view{display:none}}.contact-background-image{background-color:#f7f9fa;width:100%;background-size:cover;background-repeat:no-repeat}.contact-box{display:flex;flex-direction:column;justify-content:start;align-items:center;height:96rem}.contact-box>h2{margin-bottom:5rem}.contact-division{display:flex;width:100%}.contact-form-container{flex-basis:50%;width:50%;display:flex;align-items:center;justify-content:center}.contact-form{background-color:#fff;max-width:50rem;border-radius:5px}.contact-form:focus-within{border:1px solid #CFD3D6}.contact-form-name,.contact-form-email,.contact-form-message,.contact-form-button{display:flex;padding:2rem 0;border-bottom:1px solid #CFD3D6;align-items:center;justify-content:center;gap:2rem}.contact-form-name h4,.contact-form-email h4,.contact-form-message h4{padding:3rem 6rem;border:1px solid #CFD3D6;border-radius:5px;margin-left:.8rem}.contact-form-name i,.contact-form-email i{font-size:2.5rem}.contact-form-name input,.contact-form-email input{border:none;width:100%;padding:3rem}.contact-form-message textarea{border:none;width:100%;height:20rem;padding:3rem}.contact-form-message textarea:focus,.contact-form-name input:focus,.contact-form-email input:focus{outline:none}.contact-view{flex-basis:50%;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.contact-view-page{display:flex;flex-direction:column;justify-content:start;background-color:#fff;border-radius:5px;width:80%;height:100%}.contact-view-from{flex-basis:7%;padding:1rem;height:3.5rem;border-bottom:1px solid #CFD3D6;display:flex;gap:2rem;align-items:center}.contact-view-from p{font-size:1.1rem}.contact-view-message,.contact-view-regards{padding:4rem 2rem}.contact-page-from-label{display:inline;border-right:1px solid #CFD3D6;padding:.5rem}@media (max-width: 801px),(max-width: 500px){.contact-division{display:block}.contact-form{background-color:#fff;border-radius:5px;width:100%}.contact-form-container{width:100%}.contact-view-page,.contact-view,.contact-form-name h4,.contact-form-email h4,.contact-form-message h4{display:none}.contact-form-name i,.contact-form-email,.contact-form-message i{padding:3rem}}.footer{background-color:#0d1b2a;color:#e0e1dd;text-align:center;padding:40px 20px 20px;font-family:Poppins,sans-serif}.footer-content{margin-bottom:20px}.footer-title{font-size:20px;font-weight:600;margin-bottom:15px;color:#e0e1dd}.social-links{display:flex;justify-content:center;gap:25px}.social-icon{color:#e0e1dd;font-size:28px;transition:color .3s ease,transform .3s ease}.social-icon:hover{transform:translateY(-3px)}.social-icon.linkedin:hover{color:#0077b5}.social-icon.github:hover{color:#fff}.social-icon.instagram:hover{color:#e1306c}.footer-copy{font-size:14px;color:#9aa3b1;margin-top:10px}.thankyou-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1b2a,#1b263b,#415a77);color:#fff;text-align:center;font-family:Poppins,sans-serif;padding:20px}.thankyou-card{background:#1b263bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;box-shadow:0 8px 25px #0000004d;max-width:420px;width:100%;animation:fadeIn .8s ease-out}.icon{font-size:60px;color:#4caf50;margin-bottom:20px}.thankyou-card h1{font-size:26px;margin-bottom:15px;font-weight:600}.thankyou-card p{color:#d0d0d0;line-height:1.6;margin-bottom:30px}.home-button{display:inline-block;background-color:#e0e1dd;color:#0d1b2a;font-weight:600;padding:12px 24px;border-radius:10px;text-decoration:none;transition:all .3s ease}.home-button:hover{background-color:#fff;transform:scale(1.05)}footer{margin-top:30px;font-size:14px;color:#9ea7b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}