*{margin:0;padding:0}html{background-color:#242423}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;height:fit-content}#root,body{margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:1023px){html{height:fit-content}}button{background-color:#f5cb5c;border:none;border-radius:10px;color:#fff;font-size:20px;padding:10px}.btn-menu{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.8rem}.btn-menu:hover{background-color:#1a1a1a}@media (max-width:854px){.btn-menu{display:block}}nav{align-items:center;display:flex;height:8vh;justify-content:space-between;margin-top:0;width:100%;z-index:1000}nav select{background:none;border:none}nav h3{font-size:200%;justify-content:left;margin:0;padding:0 0 0 5%;width:40%}nav h3,nav ul{align-items:center;display:flex;height:100%}nav ul{justify-content:center;list-style:none;padding:0;width:60%}nav ul li{height:100%;transition:.75s;width:20%}nav ul li,nav ul li a{align-items:center;display:flex;justify-content:space-around}nav ul li a{font-size:150%;text-decoration:none}li .active-link{color:#f5cb5c;height:100%;width:100%}.active-link *{color:#f5cb5c}nav ul li:hover{background-color:#1a1a1a}@media (max-width:854px){nav{align-content:center;display:flex;justify-content:space-between;padding-left:none;width:100%;z-index:1000}nav h3{text-align:left;width:80%}.ul-links{display:none}.ul-links.open{animation-duration:.5s;animation-name:apear;background-color:#242423;bottom:0;box-shadow:-5px -5px 20px #1a1a1a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0}.ul-links.open button{position:absolute;right:5px;top:0}.ul-links.open li{height:10%;margin:5px 0;width:80%}.bg-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;height:100%;left:0;position:fixed;top:0;width:100%}}.contact{align-content:center;animation-duration:1s;animation-name:apear;height:92vh;padding:30px;width:100%}.contact,.contact section{display:flex;flex-wrap:wrap;justify-content:center}.contact section{background-color:#1e1e1e;border-radius:20px;box-shadow:2px 2px 5px #000;padding:5vh 20px;width:35%}.contact h2{color:#f5cb5c;font-size:1.5rem;margin-bottom:50px;width:100%}.contact ul{width:100%}.contact ul li{font-size:1.2rem;list-style:none;margin:20px 0;width:100%}.contact ul li a{text-decoration:none}.contact ul li a svg{margin-right:20px}@media (max-width:540px){.contact{align-content:flex-start;animation-duration:1s;animation-name:apear;height:92vh;padding:30px}.contact,.contact section{display:flex;flex-wrap:wrap;width:100%}.contact section{box-shadow:2px 2px 5px #000;justify-content:center;padding:5vh 10px}.contact h2{color:#f5cb5c;font-size:1.5rem;margin-bottom:50px;width:100%}.contact ul{width:100%}.contact ul li{font-size:1.2rem;list-style:none;margin:20px 5px;width:100%}.contact ul li a{text-decoration:none}.contact ul li a svg{margin-right:20px}}.home{align-items:center;animation-duration:1s;animation-name:apear;display:flex;height:92vh;justify-content:space-between;overflow:hidden;width:100%}.home,.home div{box-sizing:border-box}.home div{padding:50px;width:40%}.home div section{background-color:#1e1e1e;border-radius:20px;box-shadow:-3px -3px 15px #2e2e2e,2px 2px 5px #000;padding:50px}.home div section p{font-size:1.5rem;margin-bottom:40px}.home figure{display:flex;height:90vh;justify-content:center;width:60%}.home figure img{box-sizing:border-box;display:flex;height:150vh;justify-content:flex-end;min-height:800px;text-align:right;width:100%}@media (min-width:600px) and (max-width:1024px) and (min-height:900px){.home{animation-duration:1s;animation-name:apear;display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;overflow:hidden}.home,.home div{width:100%}.home div section p{font-size:1rem;margin-bottom:40px}.home figure{height:70vh;overflow:hidden;width:100%}.home figure img{height:80vh;max-height:100vh;min-height:50vh;overflow:hidden;width:100%}}@media (max-width:540px) and (max-height:899px){.home{animation-duration:1s;animation-name:apear;display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;overflow:hidden}.home,.home div{width:100%}.home figure{height:70vh;overflow:hidden;width:100%}.home figure img{height:80vh;max-height:100vh;min-height:50vh;overflow:hidden;width:100%}.bg-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;height:100%;left:0;position:fixed;top:0;width:100%}}@media (max-width:539px){.home{animation-duration:1s;animation-name:apear;display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;overflow:hidden}.home,.home div{width:100%}.home figure{box-sizing:border-box;height:50vh;overflow:hidden;width:100%}.home figure img{height:70vh;max-height:100vh;min-height:50vh;overflow:hidden;width:100%}}.about{animation-duration:1s;animation-name:apear;display:flex;flex-wrap:wrap;justify-content:center;padding:50px;width:100%}.about h2{color:#f5cb5c;font-size:50px;margin:40px 0;text-align:center;width:90%}.about>p{text-align:justify;width:90%}.about p ul li{margin-left:20px}.about section{width:90%}.about section h3{color:#f5cb5c;margin-block:40px}.about section div{background-color:#1e1e1e;border-radius:20px;box-shadow:-3px -3px 15px #2e2e2e,2px 2px 5px #000;padding:0 10%}.about section ul{border-left:3px solid #f0c541;padding:20px}.about section ul li{list-style:none;padding:20px}.about section ul li:before{color:#f0c541;content:"◆";position:relative;right:48px;top:20px;width:50px}.about section ul li span{color:#f0c541;display:flex;font-size:.9rem}@media (max-width:540px){.about section{width:100%}}.card{background-color:#1e1e1e;border-radius:16px;box-shadow:-3px -3px 15px #2e2e2e,2px 2px 5px #000;display:flex;justify-content:center;margin-bottom:50px;margin-top:50px;padding:0;width:90%}.card aside{padding:20px;padding-inline:60px;width:50%}.card aside h3{color:#f5cb5c;margin-block:10px}.card aside p{margin-bottom:20px;text-align:justify}.card figure{align-content:center;display:flex;justify-content:center;width:50%}.card figure,.card figure img{border-bottom-right-radius:16px;border-top-right-radius:16px;height:100%}.card figure img{margin:auto;width:100%}@media (max-width:854px){.card{box-shadow:2px 2px 5px #000;display:flex;flex-wrap:wrap;margin-bottom:20px;margin-top:20px;padding:0}.card,.card aside{width:100%}.card figure{width:100%}.card figure,.card figure img{border-radius:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:auto}.card figure img{max-width:100%}}@media (max-width:1030){.card{display:flex;flex-wrap:wrap;margin-bottom:20px;margin-top:20px;padding:25px}.card,.card aside{width:100%}.card figure{width:100%}.card figure,.card figure img{border-radius:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;height:auto}.card figure img{max-width:100%}}.projects{animation-duration:1s;animation-name:apear;display:flex;flex-wrap:wrap;justify-content:center;padding:50px}.projects h2{color:#f5cb5c;font-size:50px;margin:40px 0;text-align:center;width:70%}@media (max-width:854px){.projects{animation-duration:1s;animation-name:apear;padding:10px;width:95%}.projects h2{text-align:center}}*{background-color:none;box-sizing:border-box;color:#cfdbd5}.App{background-color:#242423;display:flex;flex-wrap:wrap;height:fit-content;overflow:hidden;padding:0;width:100%}span{color:#f5cb5c}@media (max-width:854px){.App{display:flex;justify-content:center}}.contact-trigger-btn{background-color:#f5cb5c;border:none;border-radius:50px;bottom:25px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;position:fixed;right:25px;transition:transform .2s ease;z-index:999}.contact-trigger-btn:hover{transform:scale(1.05)}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation-duration:1s;animation-name:apear;height:92vh;padding:30px;width:100%}.modal-content,.modal-content section{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.modal-content section{background-color:#1e1e1e;border-radius:20px;box-shadow:2px 2px 5px #000;height:55%;padding:20px;width:40%}.modal-content section h2{color:#f5cb5c;font-size:1.5rem;width:100%}.modal-content section ul{width:100%}.modal-content section ul li{font-size:1.2rem;list-style:none;margin:20px 0;width:100%}.modal-content section ul li a{text-decoration:none}.modal-content section ul li a svg{margin-right:20px}.close-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.8rem;line-height:1;position:absolute;right:15px;top:15px}.close-btn:hover{color:#000}@media (max-width:540px){.modal-content{animation-duration:1s;animation-name:apear;height:92vh;padding:30px}.modal-content,.modal-content section{align-content:center;display:flex;flex-wrap:wrap;width:100%}.modal-content section{box-shadow:2px 2px 5px #000;justify-content:center;padding:10px}.modal-content h2{color:#f5cb5c;font-size:1.5rem;width:100%}.modal-content section ul{width:100%}.modal-content section ul li{font-size:1.2rem;list-style:none;margin:20px 5px;width:100%}.modal-content section ul li a{text-decoration:none}.modal-content section ul li a svg{margin-right:20px}}@keyframes apear{0%{margin-left:10px;opacity:0}to{margin-left:none;opacity:100%}}
/*# sourceMappingURL=main.b7afaa8d.css.map*/