.container{padding:40px 32px;display:grid;grid-gap:24px;gap:24px;grid-template-rows:repeat(4,auto);grid-template-areas:"header" "btns" "experience" "projects" "info"}.container .buttons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;grid-area:btns;width:100%}.container .buttons .btn-primary{background:linear-gradient(90deg,grey 2.62%,blue 93.38%);border-radius:24px;width:325px;padding:12px;text-align:center;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:20px;line-height:30px;text-transform:uppercase;border:none;display:flex;gap:8px;justify-content:center}@media(min-widht:768px){.container{padding:70px 60px;height:100vh;grid-template-rows:fit-content(100%);grid-template-columns:60% 30%;align-items:center;justify-items:start;justify-content:space-between;grid-template-areas:"header info" "experience btns"}}.experiencia{display:flex;flex-direction:column;align-items:center;max-width:500%;gap:24px;grid-area:experience}.experiencia p{font-weight:300;font-size:18px;line-height:28px;color:var(--text-secondary);text-align:center}@media(min-width:768px){.experiencia{align-items:flex-start}.experiencia p{font-size:24px;line-height:36px;text-align:start}}.header{display:flex;flex-direction:column;grid-area:header;gap:24px;text-align:center}.header img{border-radius:24px}.header h1{font-weight:600;font-size:28px;line-height:42px;color:var(--text-primary)}.header h2{font-style:italic;font-weight:400;font-size:20px;line-height:30px;color:var(--text-secondary)}@media(min-widht:768px){.header{flex-direction:row-reverse;align-items:center}.header h1{font-size:36px;line-height:54px}.header h2{font-size:30px;line-height:45px;font-style:normal}.header img{border-radius:100%;border:2px solid #fff;height:200px;width:200px}}.infos{max-width:500px;grid-area:info}.infos,.infos .infos-linguagens{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:24px}.infos p,.infos span{color:var(--text-secondary)}.section-title .section-title{font-weight:500;font-size:18px;text-align:center;line-height:28px;color:var(--text-primary)}@media(min-width:768px){.section-title .section-title{font-size:24px;line-height:36px;text-align:start}}.conteiner .social{display:flex;align-items:center;gap:24px}.conteiner a{height:50px;width:50px;border:1px solid #fff;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-primary)}.projects-style{grid-area:projects}.projects-style a{color:var(--text-primary);display:flex}.projects-style p{color:var(--text-secondary)}