*{margin:0;padding:0;box-sizing:border-box}body{background-color:#dee1e3}img{width:100%;display:block}a{text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:100px 40px;display:grid;grid-template-columns:1fr 2fr;gap:100px}.subtitle{font-family:Poppins;font-size:6rem;line-height:1;word-break:break-all;max-width:4ch;font-weight:700;text-transform:uppercase}@media (max-width:1000px){.container{grid-template-columns:1fr 1fr;gap:60px}}@media (max-width:800px){.container{grid-template-columns:1fr;padding:60px 40px;gap:30px}.subtitle{font-size:2.75rem;line-height:initial;max-width:initial;word-break:initial;font-weight:700;text-transform:capitalize}}@media (max-width:400px){.subtitle{font-size:2rem}.container{padding:30px 40px;gap:20px}}nav{max-width:1200px;margin:0 auto;padding:40px;display:flex;align-items:center;justify-content:space-between}.logo{width:196px;height:39px}.header-menu{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:20px;font-family:Roboto,Arial,Helvetica,sans-serif}.header-menu a{font-size:1.25rem;color:#141414;display:block;padding:10px 15px}.header-menu a::after{content:"";display:block;height:2px;width:0%}.header-menu a:hover::after{background-color:#0288d1;width:100%;transition:.5s}@media (max-width:800px){nav{flex-direction:column;gap:30px}.header-menu a{font-size:1rem;background-color:#f4f4f4;border-radius:4px}.header a:active{color:#fff;background-color:#0288d1}.header-menu a::after{display:none}}@media (max-width:400px){.header-menu{flex-direction:column}}.intro{font-family:Roboto,Arial,Helvetica,sans-serif}.intro img{max-width:350px}.intro-title{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:3.7rem;line-height:1}.intro-title span{color:#0288d1}.intro-subtitle{font-size:1.75rem;color:#42494d;margin-bottom:20px}.social-media{display:flex;gap:10px;margin-bottom:20px}.social-media img{max-height:50px;max-width:50px}.about-me{color:#42494d;font-size:1.2rem;line-height:1.3;max-width:50ch;margin-bottom:40px}.intro::after{content:"";display:block;background-color:#f4f5f6;height:2px;width:90%;margin:0 auto}@media (max-width:1000px){.intro-title{font-size:3rem}.intro-subtitle{font-size:1.5rem;margin-bottom:10px}.social-media img{max-height:40px;max-width:40px}}@media (max-width:800px){.profile-photo{display:none}}@media (max-width:400px){.intro-title{font-size:2rem}.intro-subtitle{font-size:1.2rem;margin-bottom:10px}.about-me{font-size:1rem}}.exp{font-family:Roboto,Arial,Helvetica,sans-serif}.exp .subtitle{color:#f4f5f6}.exp-content{display:grid;gap:30px}.exp-about{font-size:1.2rem;line-height:1.3;max-width:50ch;color:#545454}.exp-about strong{color:#000}.exp-item{display:grid;grid-template-columns:1fr 1fr;max-width:500px;gap:10px 20px;background-color:#131516;color:#fff;border-radius:4px;padding:20px;position:relative}.exp-title{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:700;color:#fff;position:relative}.exp-title::before{content:"";display:block;height:20px;width:5px;background:linear-gradient(#72cdfe,#012e82);position:absolute;left:-25px}.exp-position{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:700;color:#fff}.exp-year{color:#545454;width:60px;text-align:right;font-size:.875rem;position:absolute;top:20px;left:-80px}.exp-description{font-size:.895rem;line-height:1.3;color:#d3d7d9;margin-bottom:10px}.exp-skills{display:flex;align-items:start;flex-wrap:wrap;gap:10px;margin-bottom:10px}.exp-buttons{display:flex;justify-content:start;gap:10px;grid-column:span 2}.button-icon{display:inline-block;height:30px;width:30px}.exp-button{width:100%;display:flex;padding:10px 15px;gap:10px;align-items:center;justify-content:center;border-radius:4px;color:#fff;font-size:1rem;font-weight:400;text-align:center;text-transform:uppercase;background-color:#0288d1}.exp-button:hover{background-color:#005786;transition:.3s}@media (max-width:1000px){.exp-item{grid-template-columns:1fr;max-width:400px}.exp-buttons{grid-column:initial}.button-icon{height:20px;width:20px}.exp-button{font-size:.875rem}}@media (max-width:800px){.exp-buttons{flex-direction:column;justify-content:start;max-width:180px}.exp-year{color:#a3a3a3;position:initial;width:initial;text-align:initial;order:1;top:20px;left:-60px}.exp-year::before{content:"Ano: "}.exp .subtitle{color:#131516}.exp-position{font-size:1rem;font-weight:700;color:#a3a3a3}}@media (max-width:400px){.exp-about{font-size:1rem}}.form{background-color:#131516;font-family:Roboto,Arial,Helvetica,sans-serif}.form .subtitle{max-width:5ch}.form-about{font-size:1.2rem;line-height:1.3;max-width:50ch;color:#d3d7d9}.form-content{display:grid;gap:30px}.form-list{display:flex;flex-wrap:wrap;gap:20px}.form-item{max-width:12rem;background-color:#090a0b;padding:20px;border:1px solid #000;border-radius:4px;justify-content:start;display:flex;flex-direction:column;gap:5px;flex:1}.form-name{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:1rem;color:#fff;flex:1;position:relative}.form-duration{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:.875rem;color:#d3d7d9;margin-bottom:30px}.form-name::before{content:"";display:block;height:20px;width:5px;background:linear-gradient(#72cdfe,#012e82);position:absolute;left:-26px}.form-place,.form-type{text-transform:uppercase;font-size:.875rem;color:#d3d7d9;justify-self:end}.form-extra{display:grid;gap:20px}.form-extra h3{font-family:Poppins,Arial,Helvetica,sans-serif;font-size:1rem;text-transform:uppercase;color:#d3d7d9;position:relative}.form-extra h3::before{content:"";width:24px;height:24px;display:block;position:absolute;left:-44px}.courses h3::before{background:url("../assets/cursos.svg") no-repeat}.lang h3::before{background:url("../assets/idiomas.svg") no-repeat}.extra-list{display:grid;gap:20px}.extra-list li span{color:#d3d7d9}.extra-list li{display:flex;gap:10px;font-size:1rem;color:#fff}.courses li{justify-content:space-between}@media (max-width:800px){.form .subtitle{color:#fff}.form-extra h3::before{position:initial;margin-bottom:10px}}@media (max-width:400px){.form-about{font-size:1rem}}.contact{font-family:Roboto,Arial,Helvetica,sans-serif;background-color:#000}.contact .container{align-items:center}.contact-box{display:grid;gap:20px}.contact-title{color:#fff;font-size:2rem}.contact-list{display:flex;gap:10px}.contact-about{font-size:1.2rem;line-height:1.3;max-width:50ch;color:#d3d7d9}.copy{color:#d3d7d9;text-align:center;padding:20px}@media (max-width:400px){.contact-about{font-size:1rem}.contact-title{font-size:1.5rem}.contact-list li{max-height:40px;max-width:40px}.copy{font-size:.875rem}}