*{margin:0;padding:0;box-sizing:border-box}html{font-family:Crimson Pro,sans-serif;font-size:20px}body{padding:10px;background:var(--background);color:var(--text)}#root{display:flex;flex-direction:column}.title{color:var(--title)}h1{font-size:3rem;padding-bottom:20px;text-shadow:3px 3px 4px var(--border-shadow)}h2{font-size:1.8rem;padding-bottom:15px;text-shadow:2px 2px 3px var(--border-shadow)}h3{font-size:1.7rem;padding-bottom:20px;text-shadow:1px 1px 2px var(--border-shadow)}a{color:var(--text);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.box{background:var(--box);border:2px solid var(--border-shadow);border-radius:10px;padding:10px;box-shadow:3px 3px 4px var(--border-shadow);font-size:1.2rem}main{margin:20px 0;display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-areas:"contact content skills" "hobbies content remarks"}.contact{grid-area:contact;border-right:2px solid var(--border-aside);border-bottom:2px solid var(--border-aside);padding:15px 15px 15px 0;margin:5px 5px 5px 0}.hobbies{grid-area:hobbies;border-right:2px solid var(--border-aside);border-bottom:2px solid var(--border-aside);padding:15px 15px 15px 0;margin:5px 5px 5px 0}.skills{grid-area:skills;text-align:right;border-left:2px solid var(--border-aside);border-bottom:2px solid var(--border-aside);padding:15px 0 15px 15px;margin:5px 0 5px 5px}.remarks{grid-area:remarks;text-align:right;border-left:2px solid var(--border-aside);border-bottom:2px solid var(--border-aside);padding:15px 0 15px 15px;margin:5px 0 5px 5px}.content{grid-area:content}@media (min-width: 768px) and (max-width: 1028px){h1{font-size:3rem}h2{font-size:1.7rem}main{grid-template-columns:1fr 2fr;grid-template-areas:"contact content" "skills content" "hobbies content" "remarks content"}.skills,.remarks{text-align:left;border-left:none;border-right:2px solid var(--border-aside);padding:15px 15px 15px 0;margin:5px 5px 5px 0}}@media (max-width: 767px){h1{font-size:2.5rem}h2{font-size:1.6rem}.box{font-size:1rem}main{grid-template-columns:1fr 1fr;grid-template-areas:"contact skills" "content content" "hobbies remarks"}}aside{border-radius:15px;font-size:1.2rem}address{font-style:normal;padding:5px;line-height:1.5}.aside-list{list-style:none}.aside-list li{padding:5px}@media (min-width: 768px) and (max-width: 1028px){aside{font-size:1rem}aside h3{font-size:1.3rem}}@media (max-width: 767px){aside{font-size:.9rem}aside h3{font-size:1.2rem}}.block{display:grid;grid-template-columns:1fr 3fr;gap:10px;margin-bottom:20px}.block h3{color:var(--text);font-size:1.4rem}.block a{color:var(--link)}.block a:hover{color:var(--link-hover);text-decoration:underline}.text-box p{text-align:justify;padding:10px 5px}.portfolio-item{display:flex;margin-bottom:10px}.portfolio-item a{align-self:center;height:250px}.portfolio-item img{display:block;height:100%;max-height:500px;object-fit:cover;padding:1px;border:2px solid var(--border-shadow);border-radius:5px;box-shadow:4px 4px 3px var(--border-shadow)}.portfolio-desc{flex:1;display:flex;flex-direction:column}.portfolio-desc h3{padding:10px;text-align:center}.portfolio-item p{padding:5px 10px;text-align:justify}@media (max-width: 865px){.block h3{font-size:1.2rem}.portfolio-item{flex-direction:column}.reverse{flex-direction:column-reverse}.portfolio-item a{height:auto}.portfolio-item img{width:100%;height:auto}}.tabs{display:flex;justify-content:center}.tabs button{background:var(--button);padding:5px 15px;border:1px solid var(--link);border-bottom:none;border-radius:5px 5px 0 0;cursor:pointer;color:var(--text);font-size:1rem;font-weight:700}.unactive-tab{opacity:.4}.unactive-tab:hover{opacity:.6}@media (max-width: 767px){.tabs{flex-direction:column;align-items:center}.tabs button{width:95%}}.social-media{display:flex;align-items:center}.social-media span{padding-bottom:5px}.notes{font-size:.9rem}@media (max-width: 400px){.social-media{flex-direction:column}}header{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-areas:"profile name language" "profile desc language" "profile short language";gap:20px;justify-content:space-around}.profile{grid-area:profile;height:310px;width:auto;border:3px solid var(--border-shadow);border-radius:15%;box-shadow:8px 8px 5px var(--border-shadow)}.name{grid-area:name}.desc{grid-area:desc}.short{grid-area:short}@media (min-width: 768px) and (max-width: 1028px){header{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"profile name language" "profile desc language" "short short short"}}@media (max-width: 767px){header{grid-template-columns:1fr 1fr;grid-template-areas:"profile language" "name name" "desc desc" "short short"}.profile{height:250px}}:root{--background: #f1f5f9;--text: #13191d;--link: #95716c;--link-hover: #85605b;--border-shadow: #777;--border-aside: #a6a0b6;--flag-border: #444;--title: #3D313A;--box: #e0e4e8;--button: #D3DEE8}@media (prefers-color-scheme: dark){:root{--background: #242a2e;--text: #f1f5f9;--link: #b8928c;--link-hover: #c9a39d;--border-shadow: #000;--border-aside: #c8c0d8;--flag-border: #aaa;--title: #c8c0d8;--box: #464c4f;--button: #435058}}.language{grid-area:language;position:relative;text-align:right}.language ul{list-style:none;position:absolute;top:0;right:0}.language span{font-size:1.3em;padding:5px;vertical-align:middle}.language img{height:1.6em;border:2px solid var(--flag-border);border-radius:5px;margin:5px;vertical-align:middle}.language h4{margin:5px;font-size:1.3rem}.language li{-webkit-user-select:none;user-select:none;border-radius:5px;cursor:pointer}.language li:hover{border:1px solid var(--flag-border);background:var(--text);color:var(--background)}