@import url(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);:root{--border:1px solid #000;--primary:#fff;--secondary:#000;--mid:#f0f0f0}.dark-mode{--primary:#1e1e1e;--secondary:#fff;--mid:#323232;--border:1px solid #fff;background-color:#fff;background-color:var(--primary);color:#000;color:var(--secondary)}*{box-sizing:border-box;font-family:DM Sans,sans-serif;margin:0;padding:0}body{background-color:#fff;color:#000;color:var(--secondary);width:100%}h1{font-size:3rem}p{font-size:1rem}a{color:#000;text-decoration:none}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{align-items:center;background-color:var(--primary);border-bottom:var(--border);display:flex;height:10dvh;justify-content:space-between;left:0;position:fixed;top:0;transition:all 1s ease;width:100dvw;z-index:1000}.hide{display:none!important}.header .logo{align-items:center;display:flex;gap:10px;margin-left:20px}.header span{color:var(--secondary);cursor:pointer;font-size:2rem;font-weight:600}.header .menu{align-items:center;display:flex;gap:40px;margin-right:10px}.header .menu a{color:var(--secondary);margin:0 -5px}.menu-toggle{cursor:pointer;display:none;flex-direction:column;margin-right:20px}.menu-toggle .bar{background-color:var(--secondary);height:2px;margin:3px 0;transition:.4s;width:25px}@media screen and (max-width:768px){.header{height:10dvh}.header span{font-size:1.3rem}.header .menu{align-items:center;background-color:var(--primary);display:none;flex-direction:column;height:90dvh;justify-content:center;padding:20px;position:absolute;top:10dvh;width:100dvw;z-index:1000}.header .menu.open,.menu-toggle{display:flex}}.pill{align-items:center;background-color:var(--primary);border:var(--border);border-radius:25px;color:var(--secondary);cursor:pointer;display:flex;justify-content:center;margin:5px;max-width:100%;min-height:20px;padding:12px 18px;text-align:center;transition:.3s ease-in-out;white-space:normal;width:fit-content;word-break:break-word}.invert,.pill:hover{background-color:var(--secondary);color:var(--primary)}.invert:hover{background-color:var(--primary);color:var(--secondary)}@media screen and (max-width:768px){.pill{font-size:.8rem;padding:10px 14px}}.hero{gap:50px;height:90dvh;margin-bottom:50px;margin-top:10dvh;padding:50px}.hero,.hero .image{align-items:center;display:flex;justify-content:center}.hero .image{flex-direction:column;width:30%}.hero .avatar{border:var(--border);border-radius:50%;height:300px;margin-bottom:20px;width:300px}.hero .avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.hero-content{align-items:flex-start;display:flex;flex-direction:column;text-align:center;width:70%}.hero-content,.role{justify-content:center}.role{align-items:center;margin-bottom:20px}.description{margin-bottom:20px;text-align:left}.description span{font-size:1.3rem}.links{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media screen and (max-width:768px){.toggle{display:none}.hero{flex-direction:column;gap:10px;height:90dvh;margin-top:10dvh;padding:0}.hero .image{align-items:center;display:flex;justify-content:center;width:100%}.hero .avatar{height:200px;width: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{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;padding:2rem 0;width:100%}.skills-description{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;padding:0 2rem;width:100%}@media screen and (max-width:768px){.skills h1{font-size:2rem;padding:1rem}.skills-description{gap:1rem;padding:0 1rem}}.skill-container{align-items:center;background-color:var(--primary);border:var(--border);border-radius:20px;display:flex;flex-direction:column;min-height:220px;padding:1.5rem;transition:.3s;width:340px}.skill-container:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-8px)}.skill-container h2{font-size:1.3rem;margin:0 0 1rem;text-align:center}.skills-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;width:100%}@media screen and (max-width:768px){.skill-container{min-height:auto;width:80vw}}.projects{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;width:100%}.projects-description{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}@media screen and (max-width:768px){.projects h1{font-size:2rem;padding:20px}}.project-container{background:var(--primary);border:var(--border);border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;margin:15px;min-height:700px;overflow:hidden;transition:.4s;width:480px}.project-container:hover{box-shadow:0 8px 30px #0003;transform:translateY(-10px)}.project-image{height:240px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;width:100%}.content{display:flex;flex-direction:column;height:100%;padding:20px}.content h2{color:var(--secondary);font-size:26px;margin-bottom:15px}.content p{color:var(--secondary);font-size:17px;height:150px;line-height:1.8;margin-bottom:20px;overflow:hidden}.technologies{align-content:flex-start;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;min-height:75px}.project-buttons{display:flex;gap:12px;margin-top:auto;padding-top:15px}.demo-btn,.github-btn{border-radius:8px;font-weight:600;padding:10px 20px;text-decoration:none;transition:.3s}.github-btn{background:#0000;border:1px solid var(--secondary);color:var(--secondary)}.demo-btn,.github-btn:hover{background:var(--secondary);color:var(--primary)}.demo-btn:hover{opacity:.85}@media screen and (max-width:768px){.project-container{min-height:auto;width:90%}.content p{height:auto}.technologies{min-height:auto}}.about{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;padding:2rem 0;width:100%}.about-description{align-items:stretch;display:flex;gap:1.5rem;justify-content:center;padding:2rem;width:100%}@media screen and (max-width:768px){.about-description{align-items:center;flex-direction:column;gap:1rem;padding:1rem}.education,.interests{flex:none;width:100%}}.education{background-color:var(--primary);border:var(--border);border-radius:20px;flex:2 1;min-height:fit-content;padding:1.5rem;transition:.3s;width:auto}.education:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-8px)}.education h2{font-size:2rem;margin:0;padding-bottom:1rem;text-align:center}@media screen and (max-width:768px){.education{flex:none;width:100%}.education h2{font-size:1.5rem}}.timeline{color:var(--secondary);padding:0 2rem;width:100%}.timeline ul{border-left:2px solid var(--secondary);list-style-type:none;padding:10px 5px}.timeline ul li{border-radius:15px;margin-bottom:1rem;padding:1.5rem;position:relative;transition:.3s}.timeline ul li:hover{background-color:var(--mid);transform:translateX(5px)}.timeline-content h3{font-size:1rem;margin:0;padding-top:.8rem}.timeline-content p{font-size:.9rem;opacity:.8;padding-top:.5rem}.timeline ul li:before{background-color:var(--secondary);border-radius:50%;content:"";height:12px;left:-12px;position:absolute;top:35px;width:12px}@media (max-width:768px){.timeline{padding:1rem;width:100%}.timeline-content h3{font-size:.95rem}.timeline-content p{font-size:.85rem}}.interests{background-color:var(--primary);border:var(--border);border-radius:20px;flex:1 1;min-height:fit-content;padding:1.5rem;transition:.3s;width:auto}.interests:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-8px)}.interests h2{font-size:2rem;margin:0;padding-bottom:1rem;text-align:center}.interests-description{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1rem}@media screen and (max-width:768px){.interests{flex:none;width:100%}.interests h2{font-size:1.5rem}}.certifications{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;padding:2rem 0;width:100%}.certificates{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}.certificate{background-color:var(--primary);border:var(--border);border-radius:20px;display:flex;flex-direction:column;gap:1rem;margin:1rem;min-height:380px;padding:1.5rem;transition:.3s;width:320px}.certificate:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-8px)}.certificate-name h2{color:var(--secondary);font-size:1.3rem;margin:0;text-align:left}.certificate-from{background-color:var(--mid);border-radius:10px;color:var(--secondary);padding:.5rem;width:100%}.certificate-date{color:gray;font-size:.9rem}.certificate-skills{align-content:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;min-height:90px}.skill-pill{background-color:var(--mid);border-radius:30px;color:var(--secondary);font-size:.8rem;padding:.4rem .8rem}.certificate-link{background-color:var(--secondary);border-radius:10px;display:flex;justify-content:center;margin-top:auto;padding:.8rem}.certificate-link a{color:var(--primary);font-weight:600;text-align:center;text-decoration:none;width:100%}@media screen and (max-width:768px){.certificate{width:80vw}.certificate,.certificate-skills{min-height:auto}}.contact{height:fit-content;justify-content:flex-start}.contact,.contact form{align-items:center;display:flex;flex-direction:column;width:100%}.contact form{gap:20px;justify-content:center;margin-top:20px}.contact form input,.contact form textarea{background-color:var(--primary);border:var(--border);border-radius:5px;color:var(--secondary);font-size:1rem;padding:10px;width:50%}.contact form button{background-color:var(--secondary);border:none;border-radius:5px;color:var(--primary);cursor:pointer;padding:10px;width:50%}@media screen and (max-width:768px){.contact h1{font-size:2rem;padding:20px}.contact form button,.contact form input,.contact form textarea{width:70%}}.footer{background-color:var(--primary);color:var(--secondary);display:flex;flex-direction:column;height:200px;justify-content:center;padding:30px;text-align:center}footer p{color:var(--mid);font-size:.8rem}.mode-toggle,body{background-color:var(--primary)}.mode-toggle{border:var(--border);border-radius:50%;bottom:3rem;color:var(--secondary);cursor:pointer;height:40px;padding:10px;position:fixed;right:3rem;width:40px;z-index:1002}@media screen and (max-width:768px){.mode-toggle{bottom:1rem;right:1rem}}
/*# sourceMappingURL=main.374821f3.css.map*/