body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#333;color:#fff;padding:20px 0}.header .container{position:relative}.header .header-title{cursor:pointer;font-size:1.8rem;font-weight:700;margin:0}.header .header-nav ul{display:flex;list-style-type:none;margin:0;padding:0}.header .header-nav ul li{display:inline;margin-left:0;position:relative}.header .header-nav ul li:first-child{margin-left:0}.header .header-nav ul li a{border-radius:5px;color:#fff;font-size:1.2rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.header .header-nav ul li a:hover{background-color:#ff4081;color:#fff;cursor:pointer}.header .header-nav ul .dropdown-content{background-color:#333;border-radius:0 0 5px 5px;box-shadow:0 8px 16px 0 #0003;display:none;left:0;position:absolute;top:40px;width:160px;z-index:1}.header .header-nav ul .dropdown-content a{color:#fff;display:block;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.header .header-nav ul .dropdown-content a:hover{background-color:#ff4081;color:#fff}.header .header-nav ul .dropdown:hover .dropdown-content{display:block}.header .hamburger{cursor:pointer;display:none;flex-direction:column;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.header .hamburger span{background-color:#fff;height:3px;margin:4px 0;width:25px}@media (max-width:768px){.header .header-nav ul{background-color:#333;border-radius:0 0 5px 5px;box-shadow:0 8px 16px 0 #0003;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%}.header .header-nav ul li{display:block;margin:0;text-align:center}.header .header-nav ul li a{display:block;font-size:1.5rem;padding:15px}.header .hamburger,.header .header-nav.active ul{display:flex}}.landing-page{align-items:center;background-color:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease,visibility .5s ease;visibility:hidden;width:100%;z-index:1000}.landing-page.fade-in{opacity:1;visibility:visible}.landing-page.fade-out{opacity:0;visibility:hidden}.landing-page .overlay{background-color:#000000e6;height:100%;left:0;position:absolute;top:0}.landing-page .content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;text-align:center;z-index:1}.landing-page .profile-picture{border:5px solid #fff;border-radius:50%;box-shadow:0 0 20px #00000080;height:auto;max-height:60%;max-width:60%;object-fit:cover;width:auto}.landing-page h2{color:#fff;font-size:1.5rem;margin-top:20px}.landing-page .close-button{background-color:#ff4081;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.landing-page .close-button:hover{background-color:#fff;color:#ff4081}@media (max-width:768px){.landing-page .profile-picture{max-height:150px;max-width:150px}.landing-page h2{font-size:1.2rem}.landing-page .close-button{font-size:.9rem;padding:8px 16px}}body{font-family:Roboto,sans-serif}.header{background-color:#000c;left:0;padding:10px 0;position:fixed;top:0;width:100%;z-index:1000}.header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:960px;padding:0 20px}.header-title{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;margin:0}.header-nav ul{display:flex;list-style-type:none;margin:0;padding:0}.header-nav ul li{margin-right:5px}.header-nav ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.header-nav ul li a.active,.header-nav ul li a:hover{color:#f7f0ff}.section-title{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;letter-spacing:1.5px;margin-bottom:30px;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-transform:uppercase}.section{padding:50px 0;text-align:justify;transition:background-color .3s ease}.picture-content{align-items:center;display:flex;flex-direction:column}.profile-picture{align-items:center;display:flex;flex:0 1 auto;justify-content:center;margin:0;position:relative}.profile-picture img{border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #b1e3f780;height:40%;object-fit:cover;transition:box-shadow .3s ease-in-out;width:40%}.profile-picture img:hover{box-shadow:0 0 0 6px #85e4fcb3}.fly-in{opacity:1;transform:translateX(0);transition:opacity .6s ease-out,transform .6s ease-out}.section:not(.fly-in){opacity:0;transform:translateX(-20px)}.container,.container2{margin:0 auto;max-width:960px;padding:0 20px}.container2{align-items:right;justify-content:right}.fly-in{animation:flyIn .6s ease-out}@keyframes flyIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.me .picture-content{align-items:center;background-color:#c7fad3;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;transition:transform .3s,box-shadow .3s}.me .picture-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.me .me-content{align-items:center;background-color:#c7fad3;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;padding:20px;transition:transform .3s,box-shadow .3s}.me-text{flex:2 1 60%;margin-right:300px}.profile-text p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.me .me-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.bio .bio-content{align-items:center;background-color:#f1f8ff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;padding:20px;transition:transform .3s,box-shadow .3s}.bio .bio-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.bio-text{flex:2 1 60%}.profile-text{flex:none;margin-top:20px;text-align:center}.bio-content{display:flex;flex-direction:column;gap:20px}.bio-item{align-items:center;display:flex}.bio-image img,.bio-image2{margin-right:20px;max-width:105px}.bio-image2{flex:1 1 150px}.bio-image2 img{border-radius:8px;width:100%}.img{flex:1 1 150px;margin-left:20px;margin-right:20px;max-width:150px}.bio-image img,.img{border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%}.bio-text p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1rem}.projects .projects-content{align-items:center;background-color:#eaf6ff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;justify-content:center;padding:20px;transition:transform .3s,box-shadow .3s}.projects .projects-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.project-card{background:#fff;box-shadow:0 2px 6px #00000014;margin:10px;max-width:500px;padding:24px;text-align:left;transition:box-shadow .3s;width:100%}.project-card:hover{box-shadow:0 6px 18px #00000026}.project-card h3{color:#1a237e;font-family:Poppins,sans-serif;font-size:1.5rem;margin-bottom:12px}.project-card p{color:#555;font-size:1rem;margin-bottom:12px}.project-card ul{margin:0;padding-left:20px}.project-card li{color:#333;font-size:1rem;margin-bottom:6px}@media (max-width:768px){.projects .projects-content{align-items:stretch;flex-direction:column}.project-card{max-width:100%}}.skills .skills-content{align-items:center;background-color:#f7f0ff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;padding:20px;transition:transform .3s,box-shadow .3s}.skills .skills-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.skills-text{flex:2 1 60%;list-style-type:none;padding:0}.skills-text li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:8px}.interests .interests-content{align-items:center;background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;padding:20px;transition:transform .3s,box-shadow .3s}.interests .interests-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.interests-text{flex:2 1 60%}.interests-text p{color:#555;font-size:1rem;line-height:1.6}.education .education-content{align-items:center;background-color:#fcf2e6;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;padding:20px;transition:transform .3s,box-shadow .3s}.education .education-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.education-text{flex:2 1 60%}.education-image{flex:1 1 150px;margin-right:20px;max-width:150px}.education-image img{border-radius:8px;width:100%}.education p{color:#555;font-size:1rem;line-height:1.6}.contact .contact-content{align-items:center;background-color:#caeef3;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:20px;transition:transform .3s,box-shadow .3s}.contact .contact-content:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.contact-text{flex:2 1 60%}.contact-image{flex:1 1 150px;margin-right:20px;max-width:150px}.contact-image img{border-radius:8px;width:100%}.contact p{color:#555;font-size:1rem;line-height:1.6}.contact-links{display:flex;gap:30px;justify-content:center;margin-top:20px}.contact-link{align-items:center;color:#555;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s,color .3s}.contact-link img{height:50px;margin-bottom:8px;width:50px}.contact-link span{font-size:1rem;margin-top:5px}.contact-link:hover{color:#000;transform:translateY(-5px)}@media (max-width:768px){.bio-content,.contact-content,.education-content,.interests-content,.skills-content{align-items:flex-start;flex-direction:column}.bio-image,.contact-image,.education-image{margin-bottom:20px;margin-right:0;max-width:100%}}.project-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.project-card__image{height:200px;object-fit:cover;width:100%}.project-card__content{padding:16px}.project-card__title{font-size:1.5rem;margin-bottom:8px}.project-card__description{font-size:1rem;margin-bottom:16px}.project-card__link{color:#007bff;text-decoration:none}.project-card__link:hover{text-decoration:underline}@font-face{font-family:Bulletto Killa;font-style:normal;font-weight:400;src:url(/static/media/Bulletto%20Killa.fcc429c061ba81c6a694.ttf) format("ttf")}.App{font-family:Arial,sans-serif;padding:20px}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.82dac596.css.map*/