.App{margin:0 auto;text-align:center;background-color:#dfdfdf}.navbar-container{background-color:#111;display:flex;justify-content:center;gap:3.5rem;padding:1.5rem 0 0;color:#7e7c7c;box-shadow:inset 0 1px 4px #0000001a;background-color:#e7e5e5;border-bottom:1px solid #dddddd}.navbar-links{text-decoration:none;font-size:1rem;display:flex;flex-direction:column;align-items:center;color:#302e2e}#navbar-links-icon{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.active{color:#7e7c7c;border-bottom:2px solid #7e7c7c}.footer-container{width:100%;padding:1rem;background-color:#c3c3c3;color:#333;box-shadow:inset 0 2px 4px #0000001a}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden}:root{font-family:Comic Neue,cursive;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0d0d0d;overflow-x:hidden}body,html{height:100%}h1{font-size:4.2rem;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.2}h2{margin-bottom:1rem;font-size:2rem}.dark{box-shadow:inset 0 1px 4px #0000001a;background-color:#e7e5e5;border-bottom:1px solid #dddddd;padding:2.5rem 4rem}.light{background-color:#fafafa;border-bottom:1px solid #dddddd;border-top:1px solid #ffffff;padding:2.5rem 4rem}.row{max-width:1040px;margin:0 auto}@media screen and (max-width: 768px){.dark,.light{padding:2.5rem 1rem}}@media screen and (max-width: 480px){.dark,.light{padding:1.5rem .5rem}}.container{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.conteudo{padding:1rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;position:relative;top:1px;left:0}.image{display:flex;align-items:center;justify-content:center}.image img{width:100%;padding:1rem;border-radius:1.5rem}.btn-social{background-color:#665adb;padding:1rem 1.5rem;text-transform:uppercase;color:#fff;display:flex;align-items:center;font-weight:700;cursor:pointer;border-radius:.5rem;gap:1rem;text-decoration:none;font-size:1.2rem;border:2px solid #665adb;box-shadow:4px 5px 2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-social:hover{background-color:#fafafa;border:2px solid #665adb;color:#665adb;font-size:1.25rem;box-shadow:0 5px 2px 4px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-social a{color:#000;display:flex;gap:.5rem;text-decoration:none;font-size:1.5rem}@media screen and (max-width: 480px){.container{height:50vh}.image img{padding:0;border-radius:0}.conteudo{flex-wrap:wrap}.btn-social{font-size:.8rem}}.container-contact{display:flex;justify-content:center;align-items:center;height:85vh}.contact{background-color:#7776767a;display:flex;align-items:center;justify-content:space-around;text-align:left;gap:1rem;border-radius:1rem;margin:0 auto;padding:2rem 4rem;max-width:1040px}.contact svg{font-size:1.8rem}.contact span{font-weight:700;font-size:1.1rem}.rede_social{list-style-type:none;display:flex;justify-content:center;gap:1rem;font-size:1rem;flex-wrap:wrap}.rede_social li{width:45%;padding:1rem;border-radius:1rem}.rede_social a{text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:600}.rede_social a:hover{opacity:.5}.rede_social .linkedin{color:#0982c0}.rede_social .instagram{color:#ef0074}.rede_social .github{color:#000}.rede_social .facebook{color:#43609c}.contact-text{width:40%}.contact-text h1{font-size:4.2rem;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.2}.intro{font-size:1.3rem;color:#313131;line-height:1.5;margin-bottom:2rem}.contact-image{width:50%}.contact-image img{border-radius:1rem;width:100%}.form-container{max-width:1040px;margin:0 auto}.title-form{width:100%;text-align:left}.title-form h2{margin-bottom:1.2rem;font-size:2.6rem;line-height:1.2;font-weight:100;color:#545252}.form{display:flex;justify-content:space-between}.form-header{width:45%;display:flex;flex-direction:column;gap:1.5rem}.form-header label{display:flex;flex-direction:column}.form-header span,.form-message span{text-align:left;line-height:1.5rem;color:#747272}.form-header label input{padding:.8rem;width:100%;border:none;border-radius:5px}.form-header{font-family:Comic Neue,cursive;border-radius:5px;font-size:1rem;color:#333}.form-message{width:45%;display:flex;flex-direction:column;gap:.5rem}.form-message label{display:flex;flex-direction:column}.form-message textarea{height:100%}.btn-send input{font-family:Comic Neue,cursive;font-weight:700;font-size:1.2rem;padding:1rem 2rem;border-radius:.5rem;float:right;background-color:#777676;cursor:pointer;color:#fdfdfd;border:2px solid #e7e5e5}.btn-send input:hover{background-color:#e7e5e5;border:2px solid #777676;color:#000}@media screen and (max-width: 768px){.container-contact{height:60vh}.contact{padding:0;background-color:#fafafa}.contact-image{display:none}.contact-text{width:90%}}@media screen and (max-width: 480px){.container-contact{height:40vh}.contact{padding:0;background-color:#fafafa}.contact-image{display:none}.contact-text{width:90%}.contact-text h1{font-size:3.2rem}.intro{font-size:1.15rem}.contact-detail{padding:1rem 1.5rem}.title-form h2{font-size:1.6rem;margin-bottom:.8rem}.form{flex-direction:column;gap:.7rem}.form-header,.form-message{width:100%}.form-header{gap:.7rem}.btn-send input{padding:.8rem 1rem;font-size:1rem}}.container-about{display:flex;justify-content:space-around;align-items:center}.about-text{width:40%;text-align:left}.description{font-size:1.2rem}.about-image{width:50%}.about-image img{width:75%}.container-course{margin:0 auto;max-width:1040px}.course-detail{display:flex;justify-content:space-around;align-items:flex-end}.course-detail img{width:100px;height:auto}.container-random{display:flex;justify-content:center;align-items:center}.random-image{width:50%}.random-image img{width:75%}.random-facts-list{width:45%;text-align:left;margin-left:3rem}.random-facts-list .ul{list-style:none;line-height:2}.random-facts-list .ul li{display:flex;gap:.4rem;align-items:center;font-size:1.2rem}.skills-list{width:100%}@media screen and (max-width:768px){.about-text h1{font-size:3.2rem}.about-text p{font-size:1rem}h2{font-size:1.5rem}.course-detail{flex-wrap:wrap;gap:1.2rem 5.5rem;justify-content:center}.course-detail img{width:70px}.random-facts-list .ul li{font-size:1rem}}@media screen and (max-width: 480px){.about-image,.random-image{display:none}.about-text{width:90%}.about-text h1{font-size:2.2rem}.intro{margin-bottom:.6rem}.course-detail{gap:1.2rem 3.5rem}.random-facts-list{width:100%}.random-facts-list h2{margin-bottom:.6rem}}.container-project{margin:0 2rem}.container-project h2{margin-bottom:2.5rem}.container-project-detail{display:flex;justify-content:space-between;gap:2rem}.project-detail{width:30%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.7rem}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;text-decoration:none;color:#000}.project-detail img{max-width:1040px;width:100%;height:-webkit-fill-available}.btn-project{text-decoration:none;padding:1rem 2rem;background-color:#665adb;color:#fff;text-transform:uppercase;font-weight:700;border:2px solid #665adb;border-radius:15px;box-shadow:4px 5px 2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-project:hover{background-color:#fafafa;color:#665adb;border:2px solid #665adb;box-shadow:0 5px 2px 4px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-github{text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center;gap:.3rem}.btn-github:hover{color:#665adb}.btn-project-pessoal{text-decoration:none;padding:1rem 2rem;background-color:#665adb;color:#fff;text-transform:uppercase;font-weight:700;border:2px solid #665adb;border-radius:15px;box-shadow:4px 5px 2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-project-pessoal:hover{background-color:#e7e5e5;color:#665adb;border:2px solid #665adb;box-shadow:0 5px 2px 4px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.container-project-detail-pessoal{display:flex;justify-content:center}.project-detail-pessoal{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.7rem}.container-project-detail-pessoal{margin:0 auto}.project-pessoal img{width:55%}.project-pessoal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;text-decoration:none;color:#000}@media screen and (max-width: 480px){.container-project h2{margin-bottom:1rem}.container-project-detail{flex-direction:column;align-items:center}.project-detail,.project-detail-pessoal{width:100%;box-shadow:inset 0 1px 4px #0000001a;border-bottom:1px solid #dddddd;padding:.5rem;margin:0 2rem}.btn-project,.btn-project-pessoal{padding:.8rem 1rem}.project-detail-pessoal img{width:100%}}