body{background-color:#c1c2c3;color:#333;font-family:Ubuntu;margin:0;padding:0}.album-container{align-items:center;display:flex;gap:20px}.image-container{align-items:center;display:flex;padding-bottom:50px;position:relative}.album-image{box-shadow:0 4px 10px #0000001a;max-height:450px;max-width:100%}button{background-color:#0009;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:2rem;padding:10px 15px;position:absolute;transition:background .3s}button:hover{background-color:#000c}.prev{left:100px;top:455px}.next{right:100px;top:455px}.alfa-slab-one-regular{font-family:Alfa Slab One,serif;font-style:normal;font-weight:400}.name-container{display:flex;flex-direction:column;font-family:Alfa Slab One,serif;margin-right:19vw}.header{align-items:center;background-color:#717276;color:#000;display:flex;flex-wrap:wrap;font-family:Ubuntu;justify-content:space-evenly;min-height:500px;padding:20px}.header h1{font-size:2em;margin:0}.header h2{color:#101010;font-size:1.5em;font-weight:300;margin:5px 0 0}header .navigation{align-items:center;display:flex;justify-content:flex-start;width:100%}header .navigation nav ul{display:flex;gap:20px;list-style-type:none}header .navigation nav ul li{font-size:1.2rem}header .navigation nav ul li a{color:#333;font-weight:700;text-decoration:none}header .navigation nav ul li a:hover{color:#007bff}.header-logo_img{width:30px}.about-me{margin-left:50px;padding:20px}.about-me h2{color:#000;font-size:2em}.about-me ul{list-style:none;padding:0}.about-me ul li{margin:10px 0}.about-me a{color:#000}.about-me a:hover{text-decoration:underline}.about-me img{width:30px}.skills{background-color:#dddce1;border-radius:10px;box-shadow:0 4px 10px #0003;flex:1 1;margin-bottom:55px;margin-left:20px;margin-top:55px;padding:20px}.projects h2,.skill h2{color:#000;font-size:2em;text-align:center}.progress-container{align-items:center;display:flex;margin:15px 0;transition:background-color .3s ease,box-shadow .3s ease}.progress-description{font-size:20px;font-weight:700;margin-right:20px;width:150px}.progress-bar-container{background-color:#fff;border-radius:20px;box-shadow:inset 0 2px 4px #0003;height:16px;overflow:hidden;position:relative;transition:background-color .3s ease;width:70%}.progress-bar{background-color:#000;height:100%;transition:width .3s ease-in-out,background-color .3s ease}.progress-bar-container:hover{background-color:#f0f0f0;box-shadow:inset 0 4px 8px #0000004d}.progress-bar-container:hover .progress-bar{background-color:#6ea9e8}.projects{padding:20px;text-align:center}.projects-container{display:flex;flex-wrap:wrap;justify-content:space-around}.project-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:10px;overflow:hidden;transition:transform .3s;width:250px}.project-card:hover{transform:scale(1.05)}.project-image{height:150px;object-fit:cover;width:100%}.project-info{padding:15px}.project-info h3{font-size:1.2em;margin-bottom:10px}.project-info p{color:#555;font-size:1em}.project-link{color:#007bff;display:inline-block;margin-top:10px;text-decoration:none}.project-link:hover{text-decoration:underline}.Merge{align-items:flex-start;display:flex;justify-content:space-between}.Merge>*{flex:1 1;max-width:50%}.contact-form-container{background-color:#ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:500px;margin:50px auto;max-width:800px;overflow:hidden;padding:30px}.contact-form-container h1{text-align:center}.contact-form-container form{display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:hidden}.contact-form-container label{font-size:1.1em;margin-bottom:8px}.contact-form-container input,.contact-form-container textarea{border:1px solid #ddd;border-radius:5px;font-size:1em;margin-bottom:15px;overflow-x:hidden;padding:10px;resize:vertical}.contact-form-container button{background-color:#1a237e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:auto;padding:12px;position:relative;transition:background-color .3s ease}.contact-form-container button:hover{background-color:#0d1a50}.notification{background-color:#4caf50;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;font-size:16px;left:50%;padding:10px 20px;position:fixed;top:10px;transform:translateX(-50%);z-index:1000}.resume{font-family:Arial,sans-serif;padding-left:30px;padding-right:30px}ul{margin-bottom:10px;padding-left:20px}ul li{margin-bottom:5px}.xyhi{margin:0 auto;width:70%}.xyhi h1,h2{background-color:#717276;border-radius:10px;margin:10px auto 0;padding:10px;width:fit-content}.xyhi h2{font-size:larger;padding:15px}.xyhi p{border:2px solid #000;border-radius:2px;box-shadow:4px 4px 10px 10px #0003;justify-content:center;line-height:35px;margin:25px auto;padding:20px;position:relative;width:70%}@media (min-width:2000px){.album-container{align-items:center;display:flex;gap:20px}.image-container{align-items:center;display:flex;padding-bottom:50px;position:relative}.album-image{box-shadow:0 4px 10px #0000001a;max-height:600px;max-width:100%}.prev{left:100px;top:605px}.next{right:100px;top:605px}}@media (min-width:1500px){.projects{margin:0 5%;max-width:70%;padding:3px 20px}.progress-description{font-size:18px}.project-card{width:300px}.projects-container{justify-content:space-evenly}.Merge{flex-direction:row}.Merge>*{max-width:45%}.prev .next{top:200px}}@media (max-width:900px){.prev{left:20px;top:270px}.next{right:20px;top:270px}}@media (max-width:600px){.image-container{padding-right:20px}.prev{left:2px;top:210px}.next{right:20px;top:210px}.Merge{align-items:center;flex-direction:column}.Merge>*{min-width:70%}.skills{margin-bottom:20px;margin-top:20px}.project-card{width:350px}.name-container{font-size:small;margin-right:0;padding-bottom:20%}.contact-form-container{margin-left:20px;margin-right:20px}}
/*# sourceMappingURL=main.6c462b22.css.map*/