@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&family=Satisfy&display=swap";*{box-sizing:border-box;font-family:var(--textFont);color:var(--darkFontColor)}:root{--darkBgColor: #0C0A29;--darkCardBgColor: #2d113b;--darkFontColor:#E2E2E9;--logoFontColor: #8C8FDE;--logoFont: "Satisfy", cursive;--textFont: "Poppins", sans-serif;--primaryColor: #D05D87;--secondaryColor: #7B2365;--lightBgColor: #0C0A29;--lightFontColor: #16161D;--lightCardBgColor: #d0ccec}body{background-color:var(--darkBgColor);margin:0;padding:0;transition:all .3s ease;position:relative}section{padding:3rem 0rem}#wrapper{width:100%;display:flex;flex-direction:column;align-items:center;transition:all .3s;padding:0rem 1rem;background-size:cover;background-repeat:no-repeat;background-position:center}#wrapper:nth-child(1){position:relative;z-index:1}#wrapper:nth-child(1):before{content:" ";position:absolute;top:0;left:0;background-color:#000000bf;width:100%;height:100%;z-index:-1}#codelink{padding:.5rem;font-size:.75rem;background-color:#000;border-radius:50%;z-index:3}nav{justify-content:space-between;align-items:center;padding:.25rem 2rem;background-color:#000}nav .logo{font-family:var(--logoFont);font-weight:700;color:var(--logoFontColor);font-size:2rem;position:absolute}nav .menus{display:flex;gap:2rem;align-items:center;justify-content:center;border-radius:50px;padding:.5rem 2rem;position:fixed;top:45px;left:50%;transform:translate(-50%,-50%);box-shadow:3px 6px #00000040;z-index:100}nav .menus .menu-item{text-align:center}nav .menus .menu-item>button{border:none;background:transparent;cursor:pointer;transition:.3s ease;font-weight:500}nav .menus .menu-item.theme>button{color:var(--secondaryColor)}nav .menus .theme>button{font-size:1.5rem}nav .menus .menu-item>button:hover{color:var(--primaryColor);text-decoration:underline}nav .hamburger{display:none;position:absolute;right:10px}nav .hamburger>button{border:none;background:transparent;cursor:pointer;font-size:1.5rem;outline:none}@media (max-width: 768px){nav .menus{top:45px;left:50%;width:95%;transform:translate(-50%,-50%);justify-content:space-evenly;gap:1.5rem}}main{display:flex;flex-direction:column;align-items:center;padding:0rem}.hero-section{max-width:1000px;display:flex;justify-content:space-between;align-items:center;height:100svh}.hero-section h1,.hero-section p{margin:0}.hero-section .hero-text,.hero-section .hero-image{margin-bottom:2rem}.hero-section .hero-text{flex:5;display:flex;flex-direction:column;align-items:left;gap:1rem}.hero-section .hero-text h1{font-weight:800;font-size:3rem}.hero-section .hero-text h1 span>u{color:var(--primaryColor)}.hero-section .hero-text p{line-height:1.8rem;color:#ffffff80}.hero-section .hero-text button{padding:.75rem 1.5rem;background-image:linear-gradient(to right,#cf3888,#ca329a,#c031ad,#af36c2,#9540d7);-webkit-box-shadow:0px 0px 100px 0px rgba(227,46,255,.9);-moz-box-shadow:0px 0px 100px 0px rgba(227,46,255,.9);box-shadow:0 0 100px #e32effe6;transition:all .1s;border:none;border-radius:5px;font-size:1.1rem;color:var(--logoFontColor);font-weight:200}.hero-section .hero-text button:hover{cursor:pointer;color:#fff;font-weight:700;transform:scale(1.1)}.hero-section .hero-image{flex:3;display:flex;justify-content:end}.hero-section .hero-image div{background-color:var(--darkCardBgColor);padding:1rem;border-radius:50%}.hero-section .hero-image div img{border-radius:50%;display:block}@media (max-width: 768px){.hero-section{flex-direction:column-reverse;gap:2rem;padding:2rem 0rem;height:auto}.hero-section .hero-text{text-align:center}.hero-section .hero-text h1{font-size:2.25rem}.hero-section .hero-image{margin-top:3rem}.hero-section .hero-image>div>img{width:200px}}.about-section{display:flex;max-width:1000px;align-items:flex-start;gap:2rem}.about-section .image{flex:1}.about-section .image img{width:100%;height:auto;border-radius:10px}.about-section .description{flex:1}.about-section .description h2{font-size:2.5rem}.about-section .description h3{color:var(--primaryColor)}.about-section .description .tech-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.about-section .description .tech-grid .item{background-color:var(--darkCardBgColor);display:flex;justify-content:center;align-items:center;border-radius:10px;width:90px;height:90px;transition:.3s}.about-section .description .tech-grid .item:hover{transform:scale(1.05)}@media (max-width: 768px){.about-section{flex-direction:column;align-items:center;gap:1rem}.about-section .image{text-align:center}.about-section .image img{max-width:400px}.about-section .description{text-align:center}.about-section .description .tech-grid{grid-template-columns:1fr 1fr 1fr}}.projects-section{max-width:1000px;display:flex;flex-direction:column;align-items:center;padding-bottom:4rem}.projects-section h2{font-size:2.5rem}.projects-section .projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.projects-section .projects-grid .project{width:300px;height:200px;position:relative;overflow:hidden;display:flex;align-items:end;cursor:pointer;border:none;border-radius:10px;transition:.3s;background-size:cover;background-repeat:no-repeat;background-position:center}.projects-section .projects-grid .project #box{width:450px;height:150px;background-color:#231c3ccc;transform:rotate(20deg);position:absolute;left:-40px;bottom:-115px}.projects-section .projects-grid .project #title{z-index:0;font-size:1.5rem;font-weight:200;color:#fff;display:flex;flex-direction:column;text-align:left}.projects-section .projects-grid .project #title div>a{text-decoration:none}.projects-section .projects-grid .project:hover{transform:scale(1.2);box-shadow:2px 18px 11px -4px #000;z-index:1}.projects-section .projects-grid .project:nth-child(1){background-image:url(/assets/weatherjungle-h3hgcAs0.png)}.projects-section .projects-grid .project:nth-child(2){background-image:url(/assets/coursesniper-kYCTmVdW.png)}.projects-section .projects-grid .project:nth-child(3){background-image:url(/assets/launch-lRhEcRCw.png)}.projects-section .projects-grid .project:last-child{background-image:url(/assets/laptopworkstation-HYoddzdv.jpg);align-items:center;justify-content:center;transition:.3s}.projects-section .projects-grid .project:last-child #box{width:450px;height:300px;background-color:#231c3ccc;transform:rotate(0);position:absolute;left:0;bottom:0}.projects-section dialog{background-color:#0c0a29;position:relative}.projects-section dialog:after{content:"";position:fixed;padding:0rem 1rem;top:0;left:0;width:100%;height:100%;z-index:-1}body.dialog-active{overflow:hidden}.dialog-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;justify-content:center;align-items:center;pointer-events:none;padding:0rem 1rem}.dialog-overlay.open{display:flex;pointer-events:auto;z-index:3}.dialog-overlay.open .dialog-content{padding:.25rem 1rem}.dialog-overlay.open .dialog-content header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.dialog-overlay.open .dialog-content header h3{font-size:1.75rem}.dialog-overlay.open .dialog-content .close{font-size:1.5rem;cursor:pointer}.dialog-overlay.open .dialog-content .content-container p{max-width:600px}.dialog-overlay.open .dialog-content .content-container #photo{width:300px;height:200px;border-radius:10px}.dialog-overlay.open .dialog-content .content-container .tech-stack{display:flex;gap:1rem}.dialog-overlay.open .dialog-content .content-container .code{display:flex;gap:1rem;margin-top:1rem}.dialog-overlay.open .dialog-content .content-container .code div{width:40px;height:40px;border-radius:50%;background-color:var(--secondaryColor);transition:.3s;display:flex;justify-content:center;align-items:center}.dialog-overlay.open .dialog-content .content-container .code div:hover{box-shadow:none;box-shadow:2px 4px #000;transform:translate(-2px,-4px)}.contact-section{max-width:1000px;display:flex;flex-direction:column;align-items:center}.contact-section h2{font-size:2.5rem;margin:0}.contact-section p{max-width:600px;text-align:center}.contact-section input,.contact-section textarea{padding:.5rem 1rem;border:none;outline:none;resize:none;border-radius:5px;width:100%;color:#6a5acd;font-weight:500;background-color:#ffffffe6}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#6a5acd;opacity:.5}.contact-section form{max-width:600px;width:100%}.contact-section form .form{display:flex;flex-direction:column;gap:1rem}.contact-section form .fname,.contact-section form .lname,.contact-section form .email,.contact-section form .message{display:flex;flex-direction:column;gap:.25rem}.contact-section form .fname span,.contact-section form .lname span,.contact-section form .email span,.contact-section form .message span{font-size:.75rem;color:#ffffffbf}.contact-section form .name{display:flex;width:100%;gap:1rem}.contact-section form .name .fname,.contact-section form .name .lname{flex:1}.contact-section form .message{width:100%}.contact-section form .message textarea{width:100%;height:150px}.contact-section #btn{text-align:center;margin-top:1.5rem}.contact-section #btn button{background-color:var(--secondaryColor);padding:.75rem 1.5rem;font-size:1.25rem;font-weight:200;border:none;border-radius:10px;transition:.3s}.contact-section #btn button:hover{cursor:pointer;color:#fff;font-weight:800;transform:scale(1.1)}footer{background-color:var(--darkCardBgColor);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}footer h2{font-family:var(--logoFont);font-weight:400;color:var(--logoFontColor)}footer .socials{display:flex;gap:1rem}footer .socials div{background-color:#383954;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}footer .socials div img{display:block;border-radius:5px}footer p{color:#ffffff40;font-size:.75rem}