html{scroll-behavior:smooth}body{margin:0;background-color:#131212}#navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:80px;margin-top:-5px;padding:0 20px;position:fixed;left:0;right:0;z-index:1000;transition:rgb(19,18,18) .3s ease;gap:10px}.nav-container{background-color:#b3b3b31a;border-radius:12px;margin-top:35px;padding:8px 0;display:flex;flex-direction:row;align-items:center;width:390px;justify-content:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-right:10px}.nav-links{display:inline-block;list-style:none;padding:10px 12px;font-size:1rem;font-weight:500;font-family:Karla,sans-serif;cursor:pointer;color:#fff}.nav-links a{display:inline-block;text-decoration:none;color:#fff}.nav-links:hover{background-color:#f9fafb;border-radius:12px;box-shadow:#ccc 3px 3px 3px inset,#ffffff80 -3px -3px 3px 1px inset;color:#222}.nav-links:hover a{color:#000}.a:hover{color:#222}.logo{font-family:Cookie,cursive;font-size:35px;margin-left:15px;font-weight:light;background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;z-index:1000;margin-top:13px}.mobile-menu{display:none;cursor:pointer}#homepage{height:100vh;margin:0;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-bg{width:100px}.homepage-description{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Markazi Text,serif;text-align:center}.intro{font-size:80px;margin:0;background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:.3px}.homepage-description>h4{font-weight:700;font-size:36px;margin-top:10px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px}.intro-quote{font-size:40px;margin-top:0}.homepage-btns{display:flex;align-items:center;justify-content:center;gap:16px}.home-btn{width:160px;height:55px;border-radius:25px;border:none;font-size:18px}.home-btn>a{text-decoration:none;color:#fff}.work{background-color:transparent;color:#fff;font-family:Karla,serif;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.contact a{color:#131212;font-weight:700}.contact{color:#000;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006;background-color:#fff;font-family:Karla,serif}#about-section{padding-top:10px;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-header{font-family:Markazi Text,serif;font-size:60px;text-transform:uppercase;background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:.3px}.about-description{line-height:1.6;margin:0 20px;background-color:transparent;border-radius:12px;padding:20px;max-width:650px;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.description-1{font-size:20px;line-height:1.8;color:#fff;margin-bottom:20px;font-family:Karla,serif}.description-2{font-size:16px;line-height:1.4;color:#fff;font-family:Karla,serif}.description-2>a{text-decoration:none;color:#fff}#about-section p{margin-bottom:15px}.Resume-btn{font-size:20px;background:transparent;margin-top:10px;width:130px;height:auto;padding:10px;border-radius:5px;color:#fff;border-image:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));border-image-slice:1;background-clip:padding-box;cursor:pointer;font-family:Karla,sans-serif;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}#Projects-section{width:100%;min-height:100vh;padding-top:2em}#Projects-section>h1{text-align:center;font-size:60px;font-family:Markazi Text,serif;color:#fff}.gradient-header{background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:.6px}.projects-list{display:flex;gap:50px;margin-bottom:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:50px}.projects{width:360px;height:400px;background-color:transparent;border-radius:25px;font-family:Karla,serif;color:#fff;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.image-container{position:relative;display:flex;justify-content:center;align-items:center;width:360px;height:220px;border-radius:20px;overflow:hidden;box-shadow:#0000001a 0 4px 12px;transition:.5s ease;margin-top:20px}.project-image{width:310px;height:220px;border-radius:15px;box-shadow:#0000001a 0 4px 12px;object-fit:cover}.middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.image-container:hover .project-image{opacity:.3}.image-container:hover .middle{opacity:1}.live-links{background:black;width:50%;height:auto;padding:10px;border-radius:50%;cursor:pointer;border:none;font-family:Karla,sans-serif;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.live-links>a{font-size:15px;color:#fff;text-decoration:none}.fa-brands.fa-github,.fa-solid.fa-eye{font-size:20px;color:#fff;padding:.5rem}.fa-solid.fa-eye:hover,.fa-brands.fa-github:hover{padding:.7rem}.project-info{width:320px;text-align:center;margin:30px auto auto;font-weight:100;line-height:1.5rem}.project-info>h1{color:#fff}#Contact-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.submission-div{width:500px;margin:90px auto auto}.submission-message{font-size:50px;font-family:Markazi Text,sans-serif;color:#fff;text-align:center}.contact-header{color:#fff;font-family:Markazi Text,serif;text-align:center;font-size:50px;background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding-top:30px}.contact-form{background-color:transparent;font-family:Karla,serif;display:flex;flex-direction:column;width:400px;height:280px;margin:40px auto auto;padding:20px;border-radius:8px;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006;color:#fff}form label{display:block;font-weight:700;margin:5px 5px 5px 0;font-size:17px;font-weight:100;letter-spacing:.5px}form input,form textarea{width:100%;padding:8px;margin:16px 0;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:transparent;font-family:Karla,sans-serif;color:#fff}.submit-button{background-color:transparent;border-image:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));border-image-slice:1;background-clip:padding-box;cursor:pointer;padding:10px 20px;font-size:16px;color:#fff;width:120px;margin:auto;border-radius:130px}.Footer{display:flex;flex-direction:row;font-family:Markazi Text,serif;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;padding:20px}.footer-head{font-weight:100;color:#fff;text-align:center;font-size:26px}.footer-head span{background:linear-gradient(to right,#b860b8,rgb(248,89,155),rgb(235,83,83),rgb(235,83,83));background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.social-links{display:flex;justify-content:center;margin:10px}.social-links i{cursor:pointer;color:#d6cccc;padding:.8rem .9rem;margin:10px;border-radius:40px;font-size:27px;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.fa-solid.fa-envelope{font-size:25px;padding:.863rem .857rem}@media only screen and (max-width: 510px){#navbar{margin-top:0}.nav-container{display:none}.logo{font-size:25px;padding:10px 20px;margin-left:0}.mobile-menu{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:20px;color:#fff;position:fixed;right:20px;top:0;z-index:1000;cursor:pointer}.hamburger-icon{background-color:#131212;padding:15px 17px;border-radius:40px;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006;margin-right:-24px}.hamburger-icon i{font-size:25px}.hamburger-menu{background-color:#131212;width:195px;height:470px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:15px;left:30px;border-radius:12px;box-shadow:-2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.mobile-links{display:flex;flex-direction:column;padding:20px;justify-content:center;align-items:center}.mobile-menu.open .mobile-links{transform:translate(0)}.mobile-links a{text-decoration:none;color:#fff;font-family:Karla,serif;font-size:22px;padding:10px}.social-icons{display:flex;flex-direction:row;margin-top:90px}.social-icons i{color:#d6cccc;padding:.8rem;margin:10px;border-radius:50%;font-size:20px;box-shadow:-2px -2px 4px #2e2d2d66,4px 4px 4px #0006,inset 0 0 #fff3,inset 0 0 #0006}.fa-solid.fa-envelope.email{font-size:18px;padding:.86rem .789rem}.contact-form{max-width:300px}}@media screen and (max-width: 780px){.logo{font-size:30px}.intro{font-size:70px}.homepage-description{margin:20px}.homepage-description>h4{font-size:30px}.intro-quote{font-size:35px;margin-top:0}.home-btn{width:155px;height:50px;font-size:16px}.contact-header{font-size:40px}.contact-form{width:360px}.about-header{font-size:45px}.about-description{max-width:550px}#Projects-section>h1{font-size:50px}.project-info{font-size:15px}.contact-header{font-size:45px;padding-top:30px}.contact-form{width:370px}}@media screen and (max-width: 1024px){#Contact-section{margin-top:0;padding-top:0}}