body{font-family:Roboto,sans-serif;color:#cbd5e0}body,h1,h2,h3,p,ul,li,span{margin:0;padding:0}body,div,h1,h2,h3,p{box-sizing:border-box}header{position:fixed;top:0;left:0;width:100vw;box-sizing:border-box;padding:12px 0;display:flex;justify-content:center;align-items:center;background-color:#000}header .content{width:100%;max-width:1100px;margin:0 32px;display:flex;justify-content:space-between;align-items:center}header .rotate{transform:rotate(180deg);transition:transform .3s ease-in-out}@media (max-width: 768px){header{align-items:flex-start}header .links{display:none}header .logo{width:32px;height:32px}header .menu-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:100%;cursor:pointer;transition:.3s ease-in-out}header .menu-button:hover{background-color:#cbd5e0}header .menu-button .menu-icon{color:#000}header .mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}header .mobile-overlay .mobile-menu{width:100%;max-width:448px;padding:20px;height:100%;display:flex;flex-direction:column;position:fixed;top:0;right:-500px;background-color:#000;z-index:1000;-webkit-backdrop-filter:blur(500px);backdrop-filter:blur(500px);transition:.3s ease-in-out}header .mobile-overlay .mobile-menu.opened{transition:.3s ease-in-out;right:0}header .mobile-overlay .mobile-menu .cards{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-row-gap:24px}header .mobile-overlay .mobile-menu .cards .card{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed white;border-radius:4px;cursor:pointer;transition:.3s ease-in-out;color:#cbd5e0;text-decoration:none;padding:10px;margin:0 10px}header .mobile-overlay .mobile-menu .cards .card:hover{color:#fff}header .mobile-overlay .mobile-menu .cards .card .link-icon{width:24px;height:24px;color:#fff}header .mobile-overlay .mobile-menu .cards .card span{padding-top:4px}header .close-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center;align-self:flex-end;background-color:#fff;border-radius:100%;cursor:pointer;margin-top:4px;margin-bottom:24px;margin-right:4px;transition:.3s ease-in-out}header .close-button:hover{background-color:#cbd5e0}header .close-button .close-icon{color:#000}header .download-button{display:none}}@media (min-width: 769px){header .logo{width:40px;height:40px}header .links{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:400}header .links .desktop-link{color:#cbd5e0;text-decoration:none;padding:10px;margin:0 10px;transition:.25s ease-in}header .links .desktop-link:hover{color:#fff}header .download-button{height:40px;border:none;border-radius:4px;padding:0 16px;display:flex;align-items:center;font-size:16px;font-weight:600;background-color:#fff;color:#000;cursor:pointer;transition:.25s ease-in}header .download-button .download-icon{width:18px;height:18px;margin-right:8px}header .menu-button{display:none}header .mobile-button{display:none}}.app{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer{width:100%;box-sizing:border-box;display:flex;flex-direction:column;background-color:#000;color:#cbd5e0;border-top:rgba(255,255,255,.319) 1px solid}.footer .content{display:flex;flex-direction:row;align-items:center;padding-top:24px;justify-content:center}@media (max-width: 768px){.footer .content{flex-direction:column}}.footer .content .title{padding-bottom:8px}.footer .content .leftside{height:150px;width:300px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footer .content .leftside .socials{padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-items:center}.footer .content .leftside .socials .links{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.footer .content .leftside .socials .links a{padding:0 8px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff}.footer .content .leftside .socials .links a .social-icon{padding-right:4px}.footer .content .leftside .socials .links a:hover{color:#cbd5e0}.footer .content .leftside .contact{padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-items:center}.footer .content .leftside .contact .infos{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .content .leftside .contact .infos .info{height:24px}.footer .content .leftside .contact .infos .info span{padding:0 8px;color:#fff}.footer .endbar{border-top:rgba(255,255,255,.319) 1px solid;padding:8px;color:#cbd5e0;font-weight:300;font-size:14px;margin-top:24px}.footer .endbar p{width:100%;text-align:center}.footer .endbar a{text-decoration:none;font-weight:400;color:#fff}.footer .endbar a:hover{color:#cbd5e0}.form{display:flex;flex-direction:column;align-items:center;justify-items:center}@media (max-width: 768px){.form{padding-top:24px}}.form form{width:100%;display:flex;flex-direction:column;align-items:center;justify-items:center}.form form label{color:#cbd5e0;font-size:14px;font-weight:300}.form form input{margin:0;padding:0;height:24px;width:250px}.form form textarea{margin:0;padding:0;width:250px}.form form .submit-button{height:24px;width:250px;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;background-color:#fff;color:#000;cursor:pointer;transition:.25s ease-in}.form form .submit-button .submit-icon{width:16px;height:16px;margin-right:8px}.form form .menu-button,.form form .mobile-button{display:none}.home-container{padding-top:92px;width:100%;max-width:1100px;color:#fff}@media (max-width: 768px){.home-container{padding-top:84px}}.home-container .landing{height:calc(100vh - 92px);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.home-container .landing{height:calc(100vh - 84px)}}.home-container .landing .content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-container .landing .content .logo{height:128px;width:128px;margin-bottom:24px}.home-container .landing .content .title{font-size:26px;font-weight:700;margin-bottom:12px;text-align:center}.home-container .landing .content .subtitle{font-size:16px;font-weight:400;margin-bottom:24px;text-align:center}.home-container .landing .content .socials{width:72px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-bottom:32px}.home-container .landing .content .socials .social-icon{width:24px;height:24px;transition:.3s ease-in-out;color:#cbd5e0}.home-container .landing .content .socials .social-icon:hover{color:#fff}.home-container .landing .content .more{height:24px;width:24px;cursor:pointer;transition:.3s ease-in-out}.home-container .landing .content .more:hover{opacity:.6}.home-container .about-me{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;background-color:#fff}.home-container .about-me .section-title{font-size:26px;font-weight:700;margin-bottom:12px;text-align:center}.home-container .about-me .section-text{font-size:16px;font-weight:400;margin-bottom:24px;text-align:center}.projects-container{padding-top:92px;width:100%;max-width:1100px}@media (max-width: 768px){.projects-container{padding-top:84px}}.projects-container .projects{width:calc(100% - 48px);margin:0 24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-container .projects .title{margin-bottom:24px;padding:8px 24px;font-size:32px;font-weight:600;color:#fff}.projects-container .projects .filters{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #252525}.projects-container .projects .filters .filter{background-color:#252525;display:flex;justify-content:center;align-items:center;border:none;padding:4px 8px;margin:4px;color:#fff;font-size:16px;cursor:pointer;border-radius:4px}.projects-container .projects .filters .filter.selected{background-color:#fff;color:#000}.projects-container .projects .filters .filter.selected .tech-icon{filter:invert(100%)}.projects-container .projects .filters .filter .icon{margin-right:6px;width:18px;height:18px}.projects-container .projects .project-cards{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;height:100%;min-height:calc(100vh - 500px)}.project-card{margin-bottom:24px;width:100%;display:flex;flex-direction:column;box-shadow:0 0 10px 4px #ffffff1a}.project-card .project-image{width:100%}.project-card .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.project-card .content .header{display:flex;flex-direction:row;align-items:center}.project-card .content .header .project-type{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#252525;width:fit-content;padding:4px 8px;margin-right:8px;border-radius:4px}.project-card .content .header .project-type .icon{width:16px;height:16px;margin-right:8px}.project-card .content .header .technologies{display:flex}.project-card .content .header .technologies .technology{background-color:#252525;width:fit-content;padding:4px 8px;margin:0 4px;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center}.project-card .content .header .technologies .technology .icon{width:19px;height:19px}.project-card .content .project-title{padding:16px;font-size:22px;font-weight:500;color:#fff}.project-card .content .project-description{white-space:pre-wrap;font-size:16px;font-weight:300;color:#cbd5e0}.project-card .content .project-links{margin-top:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.project-card .content .project-links .project-link{padding:8px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;color:#cbd5e0;transition:.3s ease-in-out}.project-card .content .project-links .project-link:hover{color:#fff}.project-card .content .project-links .project-link .project-left-icon{width:16px;height:16px;margin-right:8px}.project-card .content .project-links .project-link .project-right-icon{width:16px;height:16px;margin-left:8px}.carousel{width:100%}.carousel .image{width:100%;overflow:hidden}.carousel .image img{width:100%;display:none}.carousel .image img.active{display:block}.carousel .selectors{display:flex;justify-content:center;margin-top:8px}.carousel .selectors .selector{width:10px;height:10px;background-color:#ccc;border-radius:50%;margin:0 4px;cursor:pointer}.carousel .selectors .selector.active{background-color:#333}.waiting-container{padding-top:92px;width:100%;max-width:1100px}@media (max-width: 768px){.waiting-container{padding-top:84px}}.waiting-container .waiting{height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.waiting-container .waiting{height:calc(100vh - 84px)}}.waiting-container .waiting .title{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;width:100%}.waiting-container .waiting .text{font-size:16px;font-weight:400;margin-bottom:24px;text-align:center;width:100%}.waiting-container .waiting .text .link{color:#cbd5e0;text-decoration:none;margin-left:4px}.waiting-container .waiting .text .link:hover{color:#fff}