:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #000000;--secondary-color: #2d2d2d;--background-color: #1f2020;--text-color: #ffffff;--background-hover: #4C4C4E;--background-photo: #a7a7a7}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.animate-left-to-right{animation:slideInFromLeft 1s ease-out}.animate-rigth-to-left{animation:slideInFromRight 1s ease-out}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{overflow-x:hidden;margin:0;padding:0;width:100%}.footer-section{width:100%;height:8vh;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color)}.container-footer{text-align:center;font-size:14px;width:100%}.container-footer p{color:var(--text-color);font-size:1em}nav{width:100%;height:3.5em;background-color:var(--secondary-color);padding:5px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:3}.nav-title{display:flex;align-items:center;text-decoration:none;padding:5px 10px;border-radius:5px}.logo{width:40px;height:auto;margin-right:10px;transition:transform .2s}.nav-title h2{color:var(--text-color);margin:0;font-size:16px;transition:color .3s}.nav-title:hover .logo{transform:scale(1.1)}.nav-title:focus,.nav-title:active,.nav-title:hover{outline:none;background:none;border:none;box-shadow:none}.navbar-unordered-list{list-style:none;display:flex;gap:15px;padding:0;margin:0 0 0 auto}.navbar-list-item{display:inline}a{color:var(--text-color);text-decoration:none;font-size:14px;padding:10px 15px;transition:background .3s}.navbar-unordered-list .navbar-list-item.active a{font-weight:700;border-bottom:2px solid var(--text-color)}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;position:relative}.menu-toggle:before,.menu-toggle:after{content:"";position:absolute;width:25px;height:2px;background-color:var(--text-color);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.menu-toggle:before{transform:translateY(-4px)}.menu-toggle:after{transform:translateY(4px)}.menu-toggle.show:before{transform:rotate(45deg) translateY(0)}.menu-toggle.show:after{transform:rotate(-45deg) translateY(0)}@media (max-width: 768px){nav{position:fixed;z-index:1000}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;display:none;z-index:999}.overlay.show{display:block}.navbar-unordered-list{flex-direction:column;gap:5px;width:50%;position:fixed;top:3.5em;left:-100%;height:calc(100vh - 60px);background-color:#000;transition:left .3s ease-in-out;z-index:1000}.navbar-unordered-list.show{left:0;z-index:1000}.overlay.show{z-index:999}a{font-size:14px;display:block;padding:12px 20px;text-align:left;width:100%}.menu-toggle{display:flex}.navbar-unordered-list .navbar-list-item.active a{color:#000;font-weight:700;border-bottom:1px solid black;background-color:#fff}}@media screen and (max-width: 480px){.navbar-unordered-list{min-width:150px}}.contact-section{width:100%;display:flex;justify-content:center;background-color:var(--background-color)}.container-contact{width:90%;border-left:1.2px solid var(--text-color);border-right:1.2px solid var(--text-color);border-top:1.2px solid var(--text-color)}.container-contact-detail{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin:0 auto;padding-top:20px}.container-contact-left{width:60%}.container-contact-right{width:40%}.container-contact-title h1{font-size:2.5em;color:var(--text-color);position:relative;padding-left:10px}.title-underline-contact{width:100px;height:2px;background-color:var(--text-color);border-radius:2px;margin-left:10px}.contact-paragraph p{font-size:1em;text-align:justify;padding:10px;color:var(--text-color)}.contact-info{display:flex;align-items:center;font-weight:700;margin-left:10px}.icon-container{width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.icon{font-size:1em;color:var(--primary-color)}.contact-info a{font-size:1em;text-decoration:none;color:var(--text-color);transition:color .3s ease}.contact-info a:hover{color:var(--background-hover)}@media screen and (max-width: 1060px){.container-contact-left,.container-contact-right{width:50%}}@media screen and (max-width: 768px){.icon-container{width:35px;height:30px}.contact-paragraph p,.contact-info a{font-size:.8em}}@media screen and (max-width: 630px){.container-contact-title{margin-bottom:20px}.container-contact-title h1{font-size:2em}.container-contact{border:none;margin-bottom:20px}.container-contact-detail{display:block}.container-contact-right,.container-contact-left{width:100%}.icon-container{width:40px;height:35px}}@media screen and (max-width: 480px){.container-contact-title h1{font-size:1.5em}.icon{font-size:.8em}.icon-container{width:40px;height:33px}}@media screen and (max-width: 292px){.icon-container{width:30px;height:28px}}.home-section{width:100%;height:calc(100vh - 3.5em);margin-top:3.5em;display:flex}.container-home-left{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background-color:var(--background-photo)}.my-photo-home{width:100%;height:auto;max-height:100%;object-fit:contain}.container-home-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:55%;height:100%;background-color:var(--background-color);overflow:hidden;position:relative}.container-home-text-title{width:80%;max-width:700px;margin-left:auto}.container-home-text-title h1{font-size:6em;color:var(--text-color)}.text-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.line{flex-grow:1;height:2px;background-color:var(--text-color);max-width:100%}.container-home-text-paragraph{width:80%;max-width:700px;margin-left:auto}.container-home-text-paragraph p{font-size:1em;margin-top:20px;margin-left:5px;margin-right:50px;color:var(--text-color)}.container-home-text-button{width:80%;max-width:700px;margin-left:auto;margin-top:2em}.home-explor-button{margin-left:5px;display:inline-block;width:110px;padding:8px 5px;font-size:1em;font-weight:600;text-align:center;text-decoration:none;color:var(--primary-color);background-color:var(--text-color);border-radius:5px;transition:transform .3s ease,background-color .3s ease,width .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0003;position:relative;overflow:hidden}.home-explor-button:hover{background:var(--background-hover);transform:scale(1.1);color:var(--text-color);box-shadow:0 6px 10px #0000004d}.container-home{width:100%;height:calc(100vh - 3.5em);display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:var(--background-photo);position:relative}@media screen and (max-width: 1060px){.home-section{margin-top:3.5em}.container-home-text-title h1{font-size:4.5em}.container-home-text-paragraph p{margin-right:25px}}@media screen and (max-width: 768px){.home-section{margin-top:3.5em}.container-home-left,.container-home-right{display:none}.container-home{display:flex}.image-container{position:relative;width:100%;height:98%;max-width:750px;background-color:var(--background-photo)}.my-photo-home{width:100%;height:auto;max-height:100%;object-fit:contain}.container-home-text-title{position:absolute;top:50%;left:31%;transform:translateY(-50%);width:100%;border-radius:8px;width:70%}.text-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.line{flex-grow:1;height:2px;background-color:var(--text-color);width:50%}.container-home-text-title h1{margin:5px 0;font-size:4.5em;text-align:left;color:var(--text-color)}.container-home-text-title p{text-align:justify;font-size:1em;padding-right:30px;color:#fff;margin:0}.container-home-text-title .container-home-text-button{margin-left:0;display:flex;align-items:center;justify-content:start}.container-home-text-button .home-explor-button{margin-left:0;width:100px;padding:5px;font-size:1em;font-weight:600}}@media screen and (max-width: 512px){.container-home-text-title h1{margin:0;font-size:3.5em}.container-home-text-title p{text-align:justify;font-size:1em;padding-right:30px;color:#fff;margin:0}}@media screen and (max-width: 390px){.container-home-text-title h1{margin:0;font-size:2.5em}.container-home-text-title p{text-align:justify;font-size:.8em;padding-right:30px;color:#fff;margin:0}}.introduction-section{width:100%;height:calc(100vh - 3.5em);display:flex;justify-content:center;background-color:var(--background-color)}.container-introduction{width:90%;height:100%;display:flex}.container-introduction-left{width:55%;height:100%}.container-introduction-left .introduction-left-title{width:100%;height:30%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.introduction-left-subtitle{width:100%;height:10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--text-color)}.introduction-left-subtitle h2{font-size:1.2em}.introduction-left-subtitle h3{font-size:1em}.introduction-left-title h1{font-size:2.5em;color:var(--text-color);margin-bottom:0}.title-underline{width:100px;height:2px;background-color:var(--text-color);border-radius:2px}.container-introduction-left .introduction-left-paragraph{width:100%;height:60%;display:flex;flex-direction:column;align-items:flex-start;justify-content:start}.introduction-paragraph-list{list-style-type:circle;color:var(--text-color);padding-left:20px;text-align:left}.introduction-left-paragraph p{font-size:1em;color:var(--text-color);text-align:justify;padding-bottom:5px;padding-top:5px}.container-introduction-right{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--text-color)}.image-right .container-introduction-right{align-items:end}.image-left .container-introduction-right{align-items:start}.container-left-images{width:90%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:left;background-color:var(--background-color)}.my-image-introduction{width:100%;height:auto;max-height:100%;object-fit:cover}@media screen and (max-width: 1060px){.container-introduction-left{width:60%}.container-introduction-left .introduction-left-title{height:20%}.container-introduction-left .introduction-left-paragraph{height:70%}.container-introduction-right{width:40%}}@media screen and (max-width: 768px){.container-introduction-right{display:none}.container-introduction-left{width:100%}.container-introduction-left .introduction-left-title{height:20%}.container-introduction-left .introduction-left-paragraph{height:70%}}@media screen and (max-width: 480px){.container-introduction-left .introduction-left-title,.introduction-left-subtitle{height:15%}.introduction-left-subtitle h2{font-size:1.2em}.introduction-left-subtitle h3{font-size:1em}.container-introduction-left .introduction-left-paragraph{height:70%}.introduction-left-paragraph p{font-size:.8em;padding-bottom:2.5px;padding-top:2.5px}}.project-section{width:100%;display:flex;justify-content:center;background-color:var(--background-color)}.container-project{width:90%}.container-project .content-project{width:100%;display:block;align-items:center;justify-content:center}.container-content-project-title{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.container-content-project-title h1{font-size:2.5em;position:relative;text-align:center;color:var(--text-color)}.container-content-project-title h1:after{content:"";display:block;width:50%;height:2.5px;background-color:var(--text-color);margin:8px auto 0}.container-project-card{width:100%;margin-top:2em;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.container-project-card .project-card{width:100%;min-height:300px;max-height:600px;border-radius:10px}.project-card .container-project-images{width:100%;height:40%;min-height:150px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background-color:var(--background-color)}.my-image-project{width:100%;height:auto;max-height:100%;object-fit:cover;object-position:top;border-radius:10px}.project-card .container-project-description{width:100%;height:60%}.container-project-description .project-card-description-title{width:100%;height:10%;text-align:center;font-size:.9em;color:var(--text-color)}.container-project-description .project-card-decription-paragraph{font-size:1em;color:var(--text-color);text-align:justify}.project-card-description-paragraph-list{list-style-type:circle;color:var(--text-color);padding-left:20px;text-align:left}.project-card-decription-paragraph .project-link{font-size:1em;color:var(--text-color);text-decoration:underline;text-underline-offset:5px;display:inline;margin-left:-1em}@media screen and (max-width: 1060px){.container-project-description .project-card-decription-paragraph,.project-card-description-paragraph-list,.project-card-decription-paragraph .project-link{font-size:.9em}}@media screen and (max-width: 768px){.container-project-card{grid-template-columns:1fr;margin-bottom:1em}.container-project-card .project-card{max-height:450px}.project-card .container-project-images{height:30%}.project-card .container-project-description{height:70%}}@media screen and (max-width: 480px){.container-project-card{margin-bottom:2em}.container-project-card .project-card{max-height:650px}.container-project-description .project-card-decription-paragraph,.project-card-description-paragraph-list{font-size:.8em}.project-card-decription-paragraph .project-link{font-size:1em;margin-left:-1.5em}.container-project-description .project-card-description-title{font-size:.8em}}@media screen and (max-width: 310px){.container-content-project-title h1{font-size:2em;margin-top:20px}.container-content-project-title h1:after{width:30%}}