body{margin:0}body,code{font-family:europa,sans-serif;font-style:normal;font-weight:400}header{margin:0;padding:0}body{background-color:#fff}.logo-container{display:flex;justify-content:center;margin:0;padding:20px 0}.logo{height:auto;padding-top:40px;width:800px}nav ul{list-style:none;margin:0;padding:0;text-align:center}nav li{display:inline-block;margin:0 10px}nav a{display:block;padding:10px 15px;text-decoration:none}nav a:hover{background-color:#ddd;border-radius:5px}@media (max-width:768px){.logo-container{align-items:center;flex-direction:column;padding:15px 0}.logo{max-width:600px;padding-top:20px;width:90%}nav li{margin:0 5px}}@media (max-width:480px){.logo{max-width:400px;padding-top:10px;width:95%}nav ul{flex-wrap:wrap}nav li{margin:5px}nav a{font-size:14px;padding:8px 10px}nav ul{align-items:center;display:flex;flex-direction:column}nav li{display:block;margin:10px 0}nav a{text-align:center;width:100%}}.about-me-container{align-items:flex-start;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:1200px;padding:20px}.about-me-text{align-items:flex-start;flex:1 1;font-size:16px;line-height:1.5;margin-top:50px;max-width:50%;text-align:left}.photo{border-radius:30px;display:block;height:auto;margin:50px 40px 0 0;max-width:400px}p{color:#333;font-family:europa,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.6}h1{color:#3641ac}.about-me-font{font-family:europa,sans-serif;font-style:normal;font-weight:300}@media (max-width:768px){.about-me-container{align-items:center;flex-direction:column;padding:15px}.about-me-text{margin-top:20px;max-width:100%;text-align:center}.photo{display:block;margin:20px auto 0;max-width:80%}p{font-size:15px}h1{font-size:1.8em}}@media (max-width:480px){.about-me-container{padding:10px}.about-me-text{margin-top:15px}.photo{border-radius:20px;display:block;margin:15px auto 0;max-width:90%}p{font-size:14px}h1{font-size:1.5em}}.projects{padding-top:5px}@media (max-width:768px){.projects{padding:15px}}@media (max-width:480px){.projects{padding:10px}}.resume-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.resume-title{font-size:2em;font-weight:700;margin-bottom:20px;text-align:center}.timeline{border-left:4px solid #ddd}.timeline,.timeline-item{padding-left:20px;position:relative}.timeline-item{margin-bottom:20px}.timeline-item:before{content:"";height:20px;left:-10px;position:absolute;top:5px;width:20px}.timeline-icon{color:#243fd4;font-size:1.5em;margin-bottom:5px}.timeline-content{background:#f9f9f9;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:10px}.timeline-year{color:#555;font-weight:700;margin-bottom:5px}@media (max-width:768px){.resume-container{padding:15px}.resume-title{font-size:1.6em}.timeline{border-left:3px solid #ddd}.timeline,.timeline-item{padding-left:15px}}@media (max-width:480px){.resume-container{padding:10px}.resume-title{font-size:1.4em}.timeline{border-left:2px solid #ddd;padding-left:10px}.timeline-item{margin-bottom:15px;padding-left:10px}.timeline-icon{font-size:1.2em}.timeline-content{font-size:14px;padding:8px}}.fun-container{font-family:europa,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.fun-container h1{color:#3641ac;margin-bottom:10px;text-align:center}.fun-container>p{color:#333;margin-bottom:30px;text-align:center}.canvas-section{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.canvas-paint{border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a}.canvas-controls{display:flex;gap:10px;margin-top:15px}.canvas-controls button{border:none;border-radius:5px;cursor:pointer;font-family:europa,sans-serif;font-size:16px;padding:10px 20px;transition:all .3s ease}.btn-save{background-color:#3641ac;color:#fff}.btn-save:hover{background-color:#2a3290}.btn-clear{background-color:#f5c66f;color:#333}.btn-clear:hover{background-color:#e0b05d}.gallery-section{margin-top:40px}.gallery-section h2{color:#3641ac;margin-bottom:20px;text-align:center}.empty-message{color:#999;font-style:italic;padding:40px;text-align:center}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.gallery-item{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.gallery-item img{border-bottom:1px solid #ddd;display:block;height:auto;width:100%}.gallery-item-info{align-items:center;display:flex;justify-content:space-between;padding:10px}.drawing-date{color:#666;font-size:12px}.btn-delete{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 12px;transition:background-color .3s ease}.btn-delete:hover{background-color:#c00}@media (max-width:768px){.fun-container{padding:15px}.canvas-paint{height:300px!important;max-width:500px;width:100%!important}.gallery-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.fun-container{padding:10px}.canvas-paint{height:250px!important;max-width:100%}.canvas-controls{flex-direction:column;width:100%}.canvas-controls button{width:100%}.gallery-grid{gap:10px;grid-template-columns:1fr}.fun-container h1{font-size:1.5em}}.navbar{align-items:center;background-color:#333;display:flex;justify-content:space-between;padding:10px 20px}.navbar ul{display:flex;list-style:none;margin:0;padding:0}.navbar li{margin:0 10px}.navbar a{color:#fff;display:block;padding:10px 15px;text-decoration:none}.navbar a:hover{background-color:#575757;border-radius:5px}li,ul{list-style:none}a,li,ul{color:#333}a{text-decoration:none}a:hover{color:#f5c66f}a:link,a:visited{color:inherit;text-decoration:none}a:link{color:#333}@media (max-width:768px){.navbar{align-items:flex-start}.navbar,.navbar ul{flex-direction:column}.navbar ul{width:100%}.navbar li{margin:5px 0;width:100%}.navbar a{text-align:center;width:100%}}
/*# sourceMappingURL=main.5fbc74f4.css.map*/