.header{display:flex;flex-direction:column;grid-area:header;max-width:300px;height:100%;gap:40px;justify-self:center}.header,.header .header-text{width:100%}.header img{height:200px;width:200px;border-radius:100%;border:4px solid #fff;margin-left:0;margin-right:0;align-self:center;filter:grayscale(100%)}.header h1{font-weight:600;font-size:28px;height:44px;color:var(--text-primary)}.header h2{font-style:italic;font-weight:400;font-size:20px;line-height:30px;color:var(--text-secondary);min-width:100%}@media(min-width:1300px){.header{width:100%;max-width:600px;height:100%;max-height:200px;justify-self:start;align-self:center;gap:40px;flex-direction:row-reverse;align-items:center;margin-left:10%}.header img{border-radius:100%;border:4px solid #fff;margin-left:0;margin-right:0}.header h1{font-size:36px;height:50px}.header h2{font-size:30px;line-height:45px;font-style:normal}}.section-title{font-weight:500;font-size:24px;text-align:center;line-height:36px;color:var(--text-primary);margin-bottom:8px}@media(min-width:1300px){.section-title{font-size:24px;line-height:36px;text-align:center;margin-top:0}}.experience{grid-area:experience;max-width:350px;height:100%;gap:20px;justify-self:center}.experience,.experience .experience-header{display:flex;flex-direction:column;width:100%}.experience .experience-header{align-items:flex-center}.experience .experience-header p{font-weight:300;font-size:16px;line-height:26px;color:var(--text-secondary);text-align:justify}.experience .experience-skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:10px}@media(min-width:1300px){.experience{width:100%;max-width:600px;height:100%;max-height:250px;justify-self:start;align-self:start;justify-content:space-between;margin-left:10%}.experience .experience-header{align-items:flex-center}.experience .experience-header p{font-size:20px;line-height:30px;text-align:start}.experience .experience-skills{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:0}.experience .experience-skills img{transition:transform .3s linear}.experience .experience-skills img:hover{transform:scale(1.1)}}.infos{display:flex;flex-direction:column;grid-area:info;width:100%;max-width:350px;height:100%;gap:40px;justify-self:center}.infos .personal-info .educational-info,.infos .personal-info .languages-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.infos .personal-info .languages-info{gap:18px}.infos .personal-info span{color:var(--text-secondary);font-weight:300;font-size:18px;line-height:28px}@media(min-width:1300px){.infos{max-width:400px;height:100%;max-height:250px;justify-self:end;align-self:start;gap:0;justify-content:space-between;align-items:flex-start;margin-right:10%}.infos,.infos .personal-info{width:100%}.infos .personal-info .educational-info,.infos .personal-info .languages-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.infos .personal-info .languages-info{gap:18px}.infos .personal-info span{font-size:20px;line-height:28px;text-align:start}}.social{gap:24px}.social,.social a{display:flex;align-items:center}.social a{height:50px;width:50px;border:1px solid var(--text-primary);border-radius:100%;cursor:pointer;justify-content:center}.buttons{flex-direction:column;grid-area:btns;max-width:350px;gap:24px;justify-self:center}.buttons,.buttons .btn-primary{display:flex;width:100%;align-items:center}.buttons .btn-primary{background:linear-gradient(90deg,#777cf4 2.62%,#f47777 93.38%);border-radius:24px;padding:12px;text-align:center;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:20px;line-height:30px;border:none;gap:20px;justify-content:center}@media(min-width:1300px){.buttons{width:100%;max-width:400px;height:100%;max-height:200px;justify-content:center;justify-self:end;align-self:center;margin-right:10%}.buttons .btn-primary{width:65%}}.container{padding:50px 30px;display:grid;grid-template-rows:repeat(4,auto);grid-gap:60px 0;gap:60px 0;grid-template-areas:"header" "btns" "experience" "info"}@media(min-width:1300px){.body{justify-self:center;width:100%;max-width:1920px}.container{padding:0;display:grid;grid-template-rows:50% 50%;grid-template-columns:50% 50%;height:100vh;grid-gap:0 0;gap:0 0;grid-template-areas:"header btns" "experience info"}}