header{width:100%;height:100vh;flex-direction:column;gap:24px;background-image:url(/assets/pexels-fox-3829230-DAHqKmdk.jpg);background-repeat:no-repeat;background-size:cover}.container-title-text{flex:1 1 50%;flex-direction:column;gap:16px;color:var(--white)}.container-title-text h1,.container-title-text h2{background-color:var(--blackZeroPointFourOpacity);padding:16px 48px;border-radius:5px}.container-title-text h1{font-size:48px}.container-title-text h2{font-size:38px}@media (min-width: 769px) and (max-width: 1279px){.container-title-text h1{font-size:38px}.container-title-text h2{font-size:28px}}@media (min-width: 481px) and (max-width: 768px){.container-title-text h1{font-size:30px;text-align:center}.container-title-text h2{font-size:20px}}@media screen and (max-width: 480px){.container-title-text h1{font-size:20px;text-align:center}.container-title-text h2{font-size:16px;text-align:center}}:root{--blackZeroPointFiveOpacity:rgba(0, 0, 0, .5);--blackZeroPointFourOpacity:rgba(0, 0, 0, .4);--black:#000000;--white: #ffffff;--darkGrey:#1F1F1F;--lightDarkGray: #595957;--gray: #898681;--darkLightGray:#B9B8B6;--lightGray: #DAD9D8}body{width:100%;height:100%}.page-width{width:1280px}.display-flex-center-center{display:flex;justify-content:center;align-items:center}#about-me-section,#section-tecnologias,#projects-section,#contact-section{scroll-margin-top:4.688rem}@media screen and (min-width: 769px) and (max-width: 1279px){.page-width{width:100%;padding:16px}}@media screen and (min-width: 481px) and (max-width: 768px){.page-width{width:100%;padding:16px}}@media screen and (max-width: 480px){.page-width{width:100%;padding:16px}}.sectionNavigatorBar{background-color:var(--blackZeroPointFourOpacity);width:100%;height:4.688rem;padding:1rem;position:fixed;top:0;left:0;z-index:1000}.container-nav{min-height:5rem;display:flex;justify-content:center;align-items:center;gap:40px}.nav-links{text-decoration:none;color:var(--white);font-size:16px;padding-bottom:4px;border-bottom:1px solid var(--white);transition:1s all ease}.nav-links:hover{font-weight:700;background-color:var(--blackZeroPointFiveOpacity);padding:8px 12px;border-radius:3px;border:none}@media (min-width: 481px) and (max-width: 768px){.container-nav{gap:20px;justify-content:space-evenly}.nav-links:hover{padding:4px 8px;font-size:14px}.container-title-text h1{font-size:30px;text-align:center}.container-title-text h2{font-size:20px}}@media screen and (max-width: 480px){.container-nav{justify-content:space-evenly;gap:10px}.nav-links{font-size:12px}.nav-links:hover{padding:4px}}.footer{background-color:var(--darkGrey);width:100%;min-height:80px;justify-content:space-around;color:var(--white)}.container-footer-width{min-height:100%}.footer-text{min-height:100%;flex:1 1 80%;justify-content:flex-start;gap:5px}.footer-text a{color:var(--white);text-decoration:none;font-weight:700}.footer-text a:hover{background-color:var(--blackZeroPointFiveOpacity);padding:8px 12px;border-radius:3px;border:none}.footer-arrow{height:100%;flex:1 1 20%;justify-content:flex-end;text-decoration:none}.fa-circle-arrow-up{font-size:48px;color:var(--white)}.fa-circle-arrow-up:hover{color:var(--darkGrey);background-color:var(--lightGray);border:2px solid var(--lightGray);border-radius:50%}@media screen and (min-width: 769px) and (max-width: 1279px){.container-footer-width{padding:16px 24px}}@media screen and (min-width: 481px) and (max-width: 768px){.container-footer-width{padding:16px 24px}}@media screen and (min-width: 271px) and (max-width: 480px){.container-footer-width{padding:8px;flex-wrap:wrap}.footer-text,.footer-text a{font-size:12px}.footer-arrow{display:flex}.fa-circle-arrow-up{font-size:38px}}@media screen and (max-width: 270px){.container-footer-width{padding:8px;flex-wrap:wrap;gap:5px}.footer-text{font-size:12px;justify-content:center}.footer-text a{font-size:12px}.footer-arrow{display:flex;justify-content:center}.fa-circle-arrow-up{font-size:38px}}#about-me-section{width:100%;align-items:normal;background-color:var(--lightGray)}.about-me-section{flex-direction:column}.container-photo-and-text-about-me{width:100%;margin:64px 0;gap:20px}.container-photo-and-text-about-me figure{height:100%;flex:1 1 30%}.container-photo-and-text-about-me img{border-radius:50%;width:85%}.container-text-about-me{flex:1 1 70%;height:100%;flex-direction:column;text-align:center;font-size:20px;line-height:32px;padding:16px;color:var(--lightDarkGray)}@media (min-width: 769px) and (max-width: 1279px){.container-text-about-me{font-size:18px;line-height:28px}}@media (min-width: 481px) and (max-width: 768px){.container-photo-and-text-about-me{flex-direction:column;gap:40px}.container-photo-and-text-about-me img{border-radius:50%;width:60%}.container-text-about-me{font-size:16px;line-height:26px}}@media screen and (max-width: 480px){.container-photo-and-text-about-me{flex-direction:column;gap:40px}.container-photo-and-text-about-me img{border-radius:50%;width:45%}.container-text-about-me{font-size:14px;line-height:24px}}.subtitle-section{width:100%;height:80px;margin-top:60px;font-size:35px;color:var(--lightDarkGray)}@media screen and (min-width: 769px) and (max-width: 1279px){.subtitle-section{margin-top:40px;font-size:33px}}@media screen and (min-width: 481px) and (max-width: 768px){.subtitle-section{margin-top:20px;font-size:31px}}@media screen and (max-width: 480px){.subtitle-section{height:60px;margin-top:0;font-size:29px}}.line-with-arrow{width:100%;height:30px;display:flex;justify-content:center;align-items:center;gap:20px}.line{width:150px;border-bottom:2px dotted var(--lightDarkGray)}.fa-angles-down{color:var(--lightDarkGray)}@media screen and (max-width: 480px){.LineWithArrow{gap:20px}}#section-tecnologias{width:100%;background-color:var(--darkLightGray)}.container-technology-icons{width:100%;height:250px;justify-content:space-around}.box-technologies-icons{background-color:var(--lightGray);border-radius:50%;height:90px;width:90px;transition:1s all ease}.box-technologies-icons i{font-size:60px;color:var(--lightDarkGray);transition:1s all ease}.box-technologies-icons:hover{background-color:var(--lightDarkGray)}.box-technologies-icons i:hover{color:var(--lightGray)}@media screen and (min-width: 481px) and (max-width: 768px){.container-technology-icons{justify-content:center;flex-wrap:wrap;gap:16px}.box-technologies-icons{height:80px;width:80px}.box-technologies-icons i{font-size:50px}}@media screen and (max-width: 480px){.container-technology-icons{justify-content:center;flex-wrap:wrap;gap:20px;margin:16px 0}.box-technologies-icons{height:70px;width:70px}.box-technologies-icons i{font-size:40px}}#projects-section{background-color:var(--lightGray);width:100%}.projects-section{flex-direction:column}.cards-container{width:100%;height:80vh;gap:35px;flex-wrap:wrap;padding:16px;overflow-y:scroll;box-shadow:0 0 10px 5px var(--gray);margin:32px 0 46px}.paragraph-no-project{width:100%;height:80px;font-size:20px;color:var(--lightDarkGray)}@media screen and (min-width: 769px) and (max-width: 1279px){.cards-container{gap:30px}}@media screen and (min-width: 481px) and (max-width: 768px){.cards-container{gap:25px;padding:32px 16px}}@media screen and (max-width: 480px){.cards-container{padding:32px 16px}}.card{width:calc((100% / 3) - 30px);flex-direction:column;gap:16px;padding:16px;box-shadow:0 0 10px 5px var(--gray);border-radius:5px}.card-image{width:100%}.card-paragraph{line-height:20px;text-align:justify;text-indent:30px;color:var(--lightDarkGray)}.card-button{text-decoration:none;width:100%;height:8vh;color:var(--lightDarkGray);font-size:24px;font-weight:700;border:1px solid var(--lightDarkGray);border-radius:3px;transition:1s all ease}.card-button:hover{color:var(--lightGray);background-color:var(--lightDarkGray)}@media screen and (min-width: 769px) and (max-width: 1279px){.card-button{font-size:18px}}@media screen and (min-width: 481px) and (max-width: 768px){.card{width:calc(50% - 20px);gap:12px;padding:12px}.card-button{font-size:16px}}@media screen and (max-width: 480px){.card{width:calc(100% - 30px);gap:12px;padding:10px}.card-button{font-size:16px}}#contact-section{background-color:var(--darkLightGray);width:100%}.contact-section{flex-direction:column}.contact-link-container{width:100%;min-height:36.5vh;justify-content:space-around}.contact-links{text-decoration:none;border-radius:25px;padding:16px 0;width:calc((100% / 6) - 5px);flex-direction:column;gap:20px;color:var(--lightDarkGray);transition:.3s all}.contact-links i{font-size:60px;width:100%;text-align:center;color:var(--lightDarkGray)}.contact-links:hover{border:3px solid var(--lightDarkGray);font-weight:700}@media screen and (min-width: 481px) and (max-width: 768px){.contact-link-container{justify-content:center;gap:20px;flex-wrap:wrap;padding:16px 0}.contact-links{width:calc(25% - 5px)}.contact-links:hover{border:2px solid var(--lightDarkGray)}.contact-links i{font-size:50px}}@media screen and (max-width: 480px){.contact-link-container{justify-content:center;gap:10px;flex-wrap:wrap}.contact-links{width:calc(50% - 10px)}.contact-links:hover{border:1px solid var(--lightDarkGray)}.contact-links i{font-size:40px}}*{padding:0;margin:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}