html{scroll-behavior:smooth}body{margin:0;transition:.2s;color:#efefef;background-color:#1e1e1e}.light-mode{color:#242424;background-color:#efefef}.page-container{margin:auto 15%;min-height:90lvh;display:flex}.page-container h1,.page-container h2,.page-container p{margin:10px 0}.page-container h1{font-size:3rem}.header-container{display:flex;flex-direction:row;height:10%;min-height:50px;justify-content:right;width:100%}.header-container .link-bar{width:20%;min-width:300px;margin:0 5%;display:flex;flex-direction:row;justify-content:space-between}.header-container .link-bar a,.header-container .link-bar Link{color:unset;text-decoration:none}.header-container .link-bar h3{padding:5px;border-radius:5px;transition:.2s;text-align:center;width:100px}.header-container .link-bar h3:hover{cursor:pointer;background-color:#efefef;color:#222427}.header-container .link-bar .toggle-button{margin:auto 0;padding:5px;border-radius:5px;transition:.2s}.header-container .link-bar .toggle-button:hover{background-color:#efefef;color:#222427;cursor:pointer}.light-mode .header-container .link-bar h3:hover{background-color:#222427;color:#efefef}.light-mode .header-container .link-bar .toggle-button{margin:auto 0;padding:5px;border-radius:5px;transition:.2s}.light-mode .header-container .link-bar .toggle-button:hover{background-color:#222427;color:#efefef;cursor:pointer}.footer-container{justify-content:center;margin:30px auto;width:30%;min-width:300px}.line-component,.title-container{display:flex;flex-direction:row;justify-content:space-between;padding:20px 0}.line-component hr,.title-container hr{max-width:50%;min-width:20%;height:0;margin:auto 0}.line-component a,.title-container a{color:unset;transition:.2s}.line-component a:hover,.title-container a:hover{opacity:.5}.hero-container{min-width:20%;max-width:100%;left:0;margin:auto 0}.hero-container h1,.hero-container h2,.hero-container p{text-align:left}.projects-container{display:flex;flex-direction:column;width:100%}.projects-container .project-card-container{margin:50px 0;background-color:#303030;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;height:300px;overflow:hidden}.projects-container .project-card-container img{width:100%;height:100%;opacity:.7;object-fit:cover;transition:.3s}.projects-container .project-card-container img:hover{opacity:.3}.projects-container .project-card-container a{width:50%;min-width:300px}.projects-container .project-card-container .description{max-width:40%;min-width:300px;padding:10px;margin:0 auto}.projects-container .project-card-container .description .type-components{display:flex;flex-direction:row}.projects-container .project-card-container .description .type-components .icon{margin:auto 10px auto 0;min-width:20px}.projects-container .project-card-container .description .type-components .sliding-components{display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap}@media screen and (max-width: 1000px){.projects-container .project-card-container{height:600px;flex-direction:column}.projects-container .project-card-container img{height:300px}.projects-container .project-card-container a{width:100%}.projects-container .project-card-container .description{max-width:90%}}.embla{margin:0 15px;overflow:hidden}.embla .embla__container{display:flex}.embla .embla__container .embla__slide{flex:0 0 20%}.embla .embla__container .embla__slide p{padding:5px;border-radius:5px;background-color:#424242;text-align:center;margin:10px;width:20%;min-width:90px}.light-mode .project-card-container{background-color:#d6d6d6}.light-mode .embla .embla__container .embla__slide p{background-color:#a1a1a1}.contact-container{display:flex;flex-direction:column;width:100%}.contact-container .contact-form{margin:auto;width:60%;min-width:300px}.contact-container .contact-form form{display:flex;flex-direction:column}.contact-container .contact-form form h2{text-align:center}.contact-container .contact-form form input,.contact-container .contact-form form textarea{all:unset;background-color:#303030;padding:20px;margin:20px 0;border:none;border-radius:5px;color:#f2efee;overflow-wrap:break-word;resize:vertical}.contact-container .contact-form form textarea{height:100px}.contact-container .contact-form form button{padding:20px;border:none;border-radius:5px;background:none;color:#fff;font-weight:700;width:100%;min-width:100px;margin:20px auto;transition:.2s}.contact-container .contact-form form button:hover{cursor:pointer;background-color:#fff;color:#222427}.contact-thank{display:flex;flex-direction:column}.contact-thank .contact-icon{margin:auto}.contact-thank h2{text-align:center}.light-mode .contact-container .contact-form form input,.light-mode .contact-container .contact-form form textarea{background-color:#d6d6d6;color:#fff}.light-mode .contact-container .contact-form form button{color:#222427}.light-mode .contact-container .contact-form form button:hover{background-color:#222427;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}