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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#d6d6d6;box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.Header{background-color:#fff;box-shadow:0 2px 5px #0003;color:#000;font-size:1rem;font-weight:500;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.Header,.Header__profile{align-items:center;display:flex}.Header__portrait{border-radius:50%;height:40px;object-fit:cover;width:40px}.Header__name{font-size:1em;margin-left:1rem}.Header__menuButton{background-color:#0000;border:none;cursor:pointer;display:none;font-size:1.2rem}.Header__collapseMenu{display:none;width:100%}@media(max-width:768px){.Header{padding:1rem}.Header,.Header__profile{align-items:center;flex-direction:column}.Header__profile{display:flex;margin-bottom:1rem}.Header__portrait{margin-bottom:.5rem}.Header__name{font-size:1.5rem;margin-left:0}.Header__menuButton{display:block}.Header .Header__collapseMenu{display:block;width:100%}.Header .Header__navbar{display:none}}.Navbar{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:1em 2em}.Navbar__list{display:flex;gap:1rem;list-style:none}a{color:#333;transition:color .3s ease-in-out}a:hover{color:#a5a3a3}@media screen and (max-width:768px){.Navbar{max-width:100%}.Navbar,.Navbar__list{flex-direction:column;gap:.5rem;padding:0}.Navbar__list{align-items:center;max-width:80%}}#about,#contact,#introduction,#projects,#skills{scroll-margin-top:70px}.Introduction{align-items:center;color:#333;display:flex;flex-direction:column;font-size:1.5rem;font-weight:300;height:90vh;justify-content:center;padding:0 1rem;position:relative;text-align:center}.Introduction__background{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.Introduction__title{color:#333;font-size:3rem;font-weight:700}.Introduction__button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:2rem;font-weight:300;margin-top:20px;padding:10px 20px;transition:all .3s ease-in-out}.Introduction__button:hover{background-color:#fff;color:#333}.Introduction__arrowsdown{bottom:3rem;color:#333;cursor:pointer;font-size:2rem;margin-right:100px;position:absolute;transform:translateX(-20px)}a{text-decoration:none}.About{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px;margin-top:50px}.About__title{color:#333;font-size:2rem;font-weight:300}.About__text{color:#333;font-size:1rem;font-weight:300;margin:20px;text-align:left;width:50%}.About__text__bold{font-weight:600;width:50%}.About__icon{color:dimgray;font-size:3rem;margin:10px 0}.About__social{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}@media(max-width:768px){.About__text,.About__text__bold{width:80%}}.skills{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto 0;width:100%}.skills__global_container{align-items:center;display:flex;flex-direction:column;margin:50px 0;max-width:45%}.skills__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.skills__title{color:#333;font-size:2rem;font-weight:300}.skills__container__skill{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;color:#333;display:flex;flex-direction:column;font-size:1rem;font-weight:300;height:50px;justify-content:center;margin:15px;padding:10px;text-align:center;transition:all .3s ease-in-out;width:150px}.skills__container__skill:hover{transform:scale(1.05)}@media(max-width:768px){.skills__container__skill{text-align:center;width:100%}}.Footer{align-items:center;background-color:#1a1a1a;bottom:0;box-shadow:0 0 10px 0 #000000bf;color:#fff;flex-direction:column;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;height:75px;justify-content:center;margin-top:20px;padding:20px 0;position:relative;text-align:center;width:100%}.Footer,.Footer__copyright,.thanks{display:flex}.thanks{align-items:center;color:#333;font-size:1rem;font-weight:250;justify-content:center;margin:0;padding:0}.thanks__lamp{color:#f1c40f;height:20px;margin:0 5px;opacity:.5;width:auto}@media screen and (max-width:768px){.Footer{flex-direction:column;height:100px}.Footer__copyright{align-items:center}}.projects{background-color:#fff;flex-direction:column;margin-bottom:50px;margin-top:50px;width:100%}.projects,.projects__container__project{align-items:center;display:flex;justify-content:center}.projects__container__project{flex-wrap:wrap;gap:50px;margin:50px 0}.projects__title{color:#333;font-size:2rem;font-weight:300;margin-top:50px}.projects__icon{color:dimgray;font-size:2rem;margin:10px 0}.projects__container__project__img{border-radius:5px;height:25%;object-fit:cover;width:25%}.projects__container__project__text{border-left:3px solid #333;border-top:1px solid #333;color:#333;display:flex;flex-direction:column;font-size:1rem;font-weight:300;height:auto;justify-content:center;margin:10px;padding:20px;transition:all .3s ease-in-out;width:30%}.projects__container__project__text:hover{transform:scale(1.05)}.collapse{margin:20px 0}.collapse__button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:space-between;padding:10px 20px;text-align:left;width:100%}.collapse__content{max-height:0;overflow:hidden;padding:0 10px;transition:max-height .3s ease}.collapse__content.open{max-height:500px;transition:max-height .3s ease-in-out}.contact-form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:50px auto;max-width:600px;padding:20px}.contact-form h2{color:#333;font-size:2rem;margin-bottom:20px;text-align:center}.contact-form label{color:#555;font-size:1.1rem;font-weight:600;margin-bottom:10px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:15px;padding:10px;transition:border-color .3s ease-in-out;width:95%}.contact-form input:focus,.contact-form textarea:focus{border-color:#007bff;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:10px 20px;transition:background-color .3s ease-in-out}.contact-form button:hover{background-color:#0056b3}.contact-form button:disabled{background-color:#ccc;cursor:not-allowed}.contact-form .error-message{color:#d9534f;font-size:.9rem;margin-bottom:10px;margin-top:-10px}@media screen and (max-width:768px){.contact-form{margin:5px;padding:15px}}
/*# sourceMappingURL=main.c0f84b46.css.map*/