@import"https://fonts.googleapis.com/css2?family=Patua+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap";#home{display:grid;width:100%;height:100%;text-align:center;grid-template-rows:1fr;grid-template-columns:1fr}#home .container{justify-self:center;align-self:center;grid-row:1;grid-column:1}#home svg{width:150px;height:150px}#home p{font-size:2.5rem;font-weight:700}#home span{font-size:1.8rem;text-transform:uppercase}#building{text-align:center;display:grid;align-items:center;height:100vh}#building .container{margin-top:50px}#building .container h1{font-size:2.5rem;color:#e41818;line-height:normal}#building .container p{font-size:1.5rem;line-height:normal}#building .container img{max-width:300px}.footer{background-color:#ecebec;display:flex;justify-content:center;align-items:center;width:100%;height:60px;color:#060b26;font-size:1rem}.footer a{color:#060b26;text-decoration:none;cursor:pointer;margin-left:3px}.footer.dark-mode{background-color:#1a1a1a;color:#ecebec}.footer.dark-mode a{color:#ecebec}.header{background-color:#ecebec;display:flex;justify-content:space-between;align-items:center;padding:0 15px;box-sizing:border-box;position:fixed;width:100%;height:60px;z-index:200}.header.dark-mode{background-color:#1a1a1a}.aboutMe{display:grid;width:100%;grid-template-rows:1fr;grid-template-columns:1fr;background-image:url(/assets/BackgroundHero-DEwI2vPw.jpg);background-repeat:no-repeat;background-size:100% 110%}.aboutMe .container{padding:50px 10%}.aboutMe .container .description{color:#ecebec;display:grid;place-items:center}.aboutMe .container .description img{max-height:300px;max-width:100%}.aboutMe .container .label{color:#ecebec}.hero{display:grid;width:100%;height:100vh;grid-template-rows:1fr;grid-template-columns:1fr;background-image:url(/assets/BackgroundHero-DEwI2vPw.jpg);background-repeat:no-repeat;background-size:100% 100%}.hero .container{padding:50px 10%;display:grid;align-items:center;grid-template-areas:"role character" "description character"}.hero .container .role{font-family:Patua One,serif;letter-spacing:1.25px;grid-area:role;max-width:700px;text-align:left;color:#ecebec;height:1rem}.hero .container .role p{font-size:1.5rem;font-weight:700}.hero .container .role span{font-size:1.8rem}.hero .container .description{grid-area:description;color:#ecebec;max-width:700px;align-self:baseline}.hero .container .description .social svg{margin-right:10px;width:50px;height:50px}.hero .container .character{grid-area:character;display:grid;place-items:center}.hero .container .character img{width:100%}@media screen and (max-width:900px){.hero{height:100%}.hero .container{grid-template-areas:"role role" "character character" "description description"}.hero .container .role{height:100%}.hero .container .character{margin-top:20px}.hero .container .character img{width:60%;max-height:300px}.hero .container .description{margin-top:20px;margin-bottom:50px}}#notFound{text-align:center;display:grid;place-items:center;height:100vh;color:#e41818}#notFound .container{border:5px dashed #e41818;border-radius:15px;padding:30px;margin:20px}#notFound .container h1{font-size:15rem;font-weight:700}#notFound .container h2{font-size:3rem}#notFound .container p{font-size:2rem}.projects{background-color:#ecebec}.projects .container{padding:50px 10%}.projects .container p{color:#060b26;text-align:justify}.projects .container .card-project{width:100%;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.projects.dark-mode{background-color:#1a1a1a}.projects.dark-mode .container p{color:#ecebec}.skills{background-color:#ecebec;display:grid}.skills .container{padding:50px 10%}.skills .container .cards{display:grid;place-items:center;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:20px}.skills.dark-mode{background-color:#1a1a1a}.skills.dark-mode .container p{color:#ecebec}.logo{z-index:201;display:grid;place-items:center}.logo img{max-height:80%}.skillCard{display:grid;place-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:10px;width:100px!important}.skillCard:hover{box-shadow:0 0 10px #0003;transform:scale(1.05)}.skillCard .ant-card-cover svg{width:60px;height:60px}.skillCard .ant-card-body{padding:0}.skillCard .ant-card-meta-title{color:#060b26}.skillCard.dark-mode{background-color:#292929}.skillCard.dark-mode .ant-card-meta-title{color:#ecebec}.social span{margin-right:10px}.social span a svg{width:50px;height:50px}.social span a svg:hover{cursor:pointer;transform:scale(1.1)}.toggle{z-index:201;cursor:pointer}.toggle img{max-width:60px}.label{display:flex;width:100%;color:#060b26;font-weight:400;font-size:1.2rem;letter-spacing:1.25px;font-family:Patua One,serif}.label.open{justify-content:start;margin-bottom:20px}.label.close{margin-top:20px;justify-content:end;opacity:.5}.label.dark-mode{color:#ecebec}.card{box-sizing:border-box;max-width:700px;flex-grow:1;background:#fff;border-radius:5px;padding:30px;width:calc(50% - 20px)}@media(max-width:768px){.card{width:100%}}.card .btn-header{width:100%;display:grid;justify-content:end}.card .btn-header svg{cursor:pointer;border-radius:50%;width:30px;height:30px;color:#060b26}.card .btn-header svg:hover{transform:scale(1.1)}.card .title{font-family:Patua One,serif;font-size:1.3rem}.card .description{margin-top:10px}.card .technologies{display:flex;flex-wrap:wrap;margin-top:10px}.card .technologies .badge{color:#ecebec;border-radius:20px;padding:8px 16px;margin-right:5px;margin-bottom:5px;background:linear-gradient(197.98deg,#060b26 .19%,#0e174b 41.78%,#0e174b 66.21%,#060b26)}.card.dark-mode{background:#292929;color:#ecebec}.card.dark-mode .btn-header svg{color:#ecebec}:root{font-family:Poppins,sans-serif;font-weight:400;font-size:1.1rem;line-height:24px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;position:relative}body{margin:0}body h1{font-size:3rem;font-weight:700}