:root{--background-c: #d9d9d9;--purple-acc: #5c4679;--green-acc: #719782;--font-family: "Montserrat", sans-serif;--font-family-h: "Kanit", sans-serif;--text-white: #d9d9d9}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:#dbd1d1;margin:0}.header{display:flex;background-color:var(--green-acc);padding:1.5em}.header-div{max-width:1180px;margin:auto;flex-grow:1;display:flex;justify-content:space-between;text-align:center;font-size:larger}.navlink{text-decoration:none;color:#000;margin:0 2em}.navlink:hover{text-decoration:underline;color:#afafaf}.welcome-container{display:grid;grid-template-columns:1fr 2fr 2fr;gap:1em;place-items:center}.profile-pic{place-self:center}.profile-pic,.profile-pic-cv{width:200px;border-radius:12%;margin-top:4em;margin-left:4em}.lia-container{text-align:center}.lia-container p{margin:0}.lia-head{margin:.5em}.period-container{background-color:var(--purple-acc);font-size:larger;padding:1.5em;margin:.5em;border-radius:.2em}.period-container h4{margin-top:0;margin-bottom:.3em}.wel-pic{display:grid;grid-template-columns:1fr;place-items:center;background:linear-gradient(0deg,#4b722b,#5c84b4 50%)}.field-pic{height:350px}.text{display:grid;margin-top:3em;margin-right:4em;margin-left:4em;grid-row:span 2}.name{position:absolute;top:3.5em;font-size:40px}.welcome-txt{max-width:1180px;display:grid;grid-template-columns:1fr 2fr;margin:auto;background-color:#dbd1d1;padding-bottom:6rem}.flex{display:flex}.flex p{margin-right:.5rem}.akira-pic{width:200px;border-radius:12%;margin-bottom:1em;place-self:start}.LIA-container{margin-left:.9em}.LIA-container h3{margin-bottom:.2em}.lia-period{background-color:var(--purple-acc);max-width:150px;margin-bottom:.2rem;padding:.5em 0;border-radius:.2em;margin-left:4em;text-align:center;color:#d9d9d9}.lia-period h4{margin-bottom:.2em;margin-top:.2em}.lia-period p{margin-bottom:0;margin-top:.4em}.classes-container{color:#000;display:grid;grid-template-columns:repeat(2,1fr);padding:.5em;margin-left:2em;justify-items:center}.classes-container p{text-align:center;padding:4px;border:solid 2px #5c4679;box-shadow:0 0 10px #0000004d;border-radius:8px}.last-child{margin-left:4em;margin-right:4em}span{font-weight:700}.active-course{grid-column:span 2}.small{font-size:small;font-weight:300}.cv-container{max-width:1180px;display:grid;grid-template-columns:2fr 1fr;margin:auto;background-color:#dbd1d1}.CV{margin:1em;padding:3em;place-items:center;max-width:40em}.CV h4{text-align:center}.profile-pic-cv{justify-self:center;margin:1em}.edu-lang-containers{padding:1em}.edu-lang-containers h4{margin:.5em 0 .2em}.edu-lang-containers p{margin:.5em 0;color:var(--purple-acc)}.edu-lang-containers li{margin-top:1em;color:#afafaf}.tech-lang{margin-right:4em;margin-left:-2em}.centered-text{text-align:center}.logos{margin:.5em;width:67px}.green{background-color:#719782}.padding{padding-top:3.3em}.project-container{max-width:1180px;margin:auto;display:grid}.sidebar{display:flex;flex-direction:column;background-color:var(--green-acc);font-family:var(--font-family-h)}.sidebar a{margin-top:1.5em}.none{visibility:hidden}.right{place-self:end}.preview-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5em;margin:0 6em;padding:1em;border-bottom:1px solid var(--purple-acc)}.preview-card h4{grid-column:span 2;text-align:center}.preview-card p{margin-bottom:0}.preview-pic{width:300px;grid-row:2 / span 2;grid-column:2;place-self:end}.preview-pic-two{width:300px;grid-row:2 / span 2}a{text-decoration:underline;color:#5c4679}@media (max-width: 800px){.welcome-txt{max-width:600px;grid-template-columns:1fr;grid-template-rows:1fr}.welcome-txt .akira-pic{place-self:center}.flex{flex-direction:column}.text{grid-row:span 0}}@media (max-width: 590px){.header{padding:1em 0;font-size:small}.navlink{margin:auto}.profile-pic{width:150px;margin-left:0}.tech-lang{margin-right:0;margin-left:0}.classes-container{grid-template-columns:1fr 1fr;grid-column:span 1;margin:.3em;padding:0}.active-course{grid-column:span 2;place-self:center}.preview-card{grid-template-columns:1fr;text-align:center;margin:0}.preview-card h4{grid-column:span 1}.preview-card .preview-pic{grid-area:span 1}.preview-card .right{place-self:center}.preview-card .preview-pic,.preview-card .preview-pic-two{width:200px;place-self:center}.cv-container{grid-template-columns:1fr}.cv-container .CV{margin:0}.cv-container .edu-lang-containers{margin:.3em;list-style-type:none;text-align:center}.cv-container .edu-lang-containers p,.cv-container .edu-lang-containers li{color:#000}.cv-container .profile-pic-cv{display:none}.flex{flex-direction:column}}@media (max-width: 350px){.header{font-size:smaller}.classes-container{margin:auto}}