@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Pixelify+Sans:wght@400..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--border: 1px solid black;--primary: white;--secondary: black;--mid: rgb(240, 240, 240)}.dark-mode{--primary: rgb(30, 30, 30);--secondary: white;--mid: rgb(50, 50, 50);background-color:var(--primary);color:var(--secondary);--border: 1px solid white}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{width:100%;background-color:var(--primary);color:var(--secondary)}h1{font-size:3rem}p{font-size:1rem}a{text-decoration:none;color:#000}input,textarea{outline:none}.heading{padding:12dvh 40px 40px;text-align:center}@media screen and (max-width: 768px){h1{font-size:2rem}p{font-size:.8rem}}.header{position:fixed;top:0;left:0;width:100dvw;display:flex;justify-content:space-between;align-items:center;height:10dvh;border-bottom:var(--border);background-color:var(--primary);z-index:1000;transition:all 1s ease}.hide{display:none!important}.header .logo{display:flex;align-items:center;gap:10px;margin-left:20px}.header span{font-size:2rem;font-weight:600;color:var(--secondary);cursor:pointer}.header .menu{display:flex;align-items:center;gap:40px;margin-right:10px}.header .menu a{color:var(--secondary);margin:0 -5px}.menu-toggle{display:none;flex-direction:column;cursor:pointer;margin-right:20px}.menu-toggle .bar{width:25px;height:2px;background-color:var(--secondary);margin:3px 0;transition:.4s}@media screen and (max-width: 768px){.header{height:10dvh}.header span{font-size:1.3rem}.header .menu{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:10dvh;height:90dvh;background-color:var(--primary);width:100dvw;padding:20px;z-index:1000}.header .menu.open,.menu-toggle{display:flex}}.pill{display:flex;justify-content:center;align-items:center;width:fit-content;height:20px;padding:12px 15px;border:var(--border);border-radius:25px;margin:5px 5px 5px 0;color:var(--secondary);background-color:var(--primary);cursor:pointer}.pill:hover{color:var(--primary);background-color:var(--secondary);transition:.3s ease-in-out}.invert{color:var(--primary);background-color:var(--secondary)}.invert:hover{color:var(--secondary);background-color:var(--primary)}@media screen and (max-width: 768px){.pill{font-size:.8rem}}.hero{margin-top:10dvh;padding:50px;gap:50px;display:flex;justify-content:center;align-items:center;height:90dvh;margin-bottom:50px}.hero .image{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%}.hero .avatar{width:300px;height:300px;border:var(--border);border-radius:50%;margin-bottom:20px}.hero .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-content{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:center}.role{justify-content:center;align-items:center;margin-bottom:20px}.description{text-align:left;margin-bottom:20px}.description span{font-size:1.3rem}.links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}@media screen and (max-width: 768px){.toggle{display:none}.hero{margin-top:10dvh;padding:0;height:90dvh;flex-direction:column;gap:10px}.hero .image{width:100%;display:flex;justify-content:center;align-items:center}.hero .avatar{width:200px;height:200px}.hero-content{align-items:center;justify-content:center;width:100%}.role{margin-bottom:10px}.description{padding:0 25px}.description h1{font-size:2rem}.description span{font-size:1rem}}.skills{height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.skills-description{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}@media screen and (max-width: 768px){.skills h1{font-size:2rem;padding:20px}}.skill-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:200px;border:var(--border)}.skill-container h2{font-size:1.5rem;padding:15px;text-align:center}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;padding:10px}.projects{height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.projects-description{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}@media screen and (max-width: 768px){.projects h1{font-size:2rem;padding:20px}}.project-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:350px;min-height:400px;border:var(--border)}.project-image{width:100%;height:50%;overflow:hidden;border-bottom:var(--border)}.project-image img{width:100%;height:100%;object-fit:cover}.content{height:50%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;padding:10px}.content p{font-size:1rem}.technologies{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px}.p-link{background-color:var(--secondary);color:var(--primary);border-radius:25px;text-align:center;text-decoration:none;width:100%;padding:10px}@media screen and (max-width: 768px){.project-container{scale:.9;margin:-15px}}.about{height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.about-description{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;padding:20px}@media screen and (max-width: 768px){.about-description{flex-direction:column}}.education{width:50%;border:var(--border);min-height:630px}.education h2{font-size:2rem;padding:20px;text-align:center}@media screen and (max-width: 768px){.education{min-height:fit-content;width:100%}.education h2{font-size:1.5rem}.education-description{flex-direction:column}}.timeline{color:var(--secondary);padding:0 50px}.timeline ul{list-style-type:none;border-left:2px solid var(--secondary);padding:10px 5px}.timeline ul li{padding:20px;position:relative;cursor:pointer;transition:.5s}.timeline ul li .content p{padding:5px 0 15px;font-size:15px}.timeline ul li:before{position:absolute;content:"";width:10px;height:10px;background-color:var(--secondary);border-radius:50%;left:-11px;top:35px}@media (max-width:768px){.timeline{width:100%;padding:10px 20px}.timeline ul li .content h3{font-size:15px}}.interests{width:50%;border:var(--border);min-height:630px}.interests h2{font-size:2rem;padding:20px;text-align:center}.interests-description{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px}@media screen and (max-width: 768px){.interests{min-height:fit-content;width:100%}.interests h2{font-size:1.5rem}}.certifications{height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.certificate{display:flex;justify-content:space-between;align-items:center;margin:1rem;padding-left:1rem;border:var(--border);height:50px;width:70dvw}.certificate h2{text-align:center;margin-right:1rem;width:50dvw}.certificate-from{width:10vw;display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--mid);color:var(--secondary);padding:1rem}.certificate-from p{text-align:center}.certificate-link{width:10vw;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:1rem;background-color:var(--secondary);color:var(--primary)}.certificate-link a{color:var(--primary)}@media screen and (max-width: 768px){.certificate{flex-direction:column;width:80vw;height:fit-content;overflow:hidden}.certificate h2{width:80vw;font-size:1rem;margin:0;padding:.5rem}.certificate-from{width:80vw;padding:.5rem;margin-left:-1rem}.certificate-link{width:80vw;margin-left:-1rem;padding:.5rem}}.contact{height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.contact form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px}.contact form input,.contact form textarea{width:50%;padding:10px;border:var(--border);border-radius:5px;color:var(--secondary);background-color:var(--primary);font-size:1rem}.contact form button{width:50%;padding:10px;border:none;border-radius:5px;background-color:var(--secondary);color:var(--primary);cursor:pointer}@media screen and (max-width: 768px){.contact h1{font-size:2rem;padding:20px}.contact form input,.contact form textarea,.contact form button{width:70%}}.footer{display:flex;flex-direction:column;justify-content:center;background-color:var(--primary);color:var(--secondary);height:200px;padding:30px;text-align:center}footer p{font-size:.8rem;color:var(--mid)}body{background-color:var(--primary)}.mode-toggle{position:fixed;bottom:3rem;right:3rem;z-index:1002;background-color:var(--primary);color:var(--secondary);border:var(--border);width:40px;height:40px;border-radius:50%;padding:10px;cursor:pointer}@media screen and (max-width: 768px){.mode-toggle{bottom:1rem;right:1rem}}