@font-face{font-family:Quadrillion;src:url(/assets/Quadrillion%20Sb-C4tIVDbM.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iosevka Charon;src:url(/assets/IosevkaCharon-Regular-BxaXVtML.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}body{background:#fff url(/assets/bg-C8c6T-uj.jpg) 50%/cover no-repeat fixed;flex-direction:column;min-height:100vh;display:flex;overflow:hidden auto}.foo-and-bar{background-color:#7fffd4}#main{opacity:1;transition:opacity .5s ease-in-out}#main.loading{opacity:0}.fade-in{animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header .title{color:#fff}header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;grid-template-columns:auto 1fr auto;height:10vh;min-height:fit-content;margin:2vh auto;font-family:Quadrillion;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:grid;position:sticky}header:hover{transform:translateY(-5px)}header{z-index:9999;grid-template-areas:"title navigation icon";justify-content:space-between;align-items:center;width:100%;margin-top:0;top:0}header>div{height:inherit;justify-content:center;align-items:center;display:flex}header>div.title{grid-area:title;justify-content:start;margin-left:3vw}header>div.title h1{transition:all .2s}header>div.title h1:hover{transform:scale(1.2)}header>div.title #title{color:#fff;cursor:text;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.5rem;line-height:1;text-decoration:none}header>div.title #title:hover{color:#fff6e9}header>div.navbar{grid-area:navigation;grid-template-columns:auto auto auto 1fr;margin-left:2rem;display:grid}header>div.navbar>nav a{text-shadow:0 0 25px #fff;text-transform:uppercase;color:#7284c0;-webkit-text-decoration:none;text-decoration:none;transition:color .3s}header>div.navbar>nav a.active{text-shadow:0 0 10px #d4e2f580;color:#d4e2f5!important}header>div.navbar>nav a:hover{color:#7a70a8}header>div.navbar>nav a{margin-right:2rem}header>div.icon{grid-area:icon;justify-content:end;margin-right:3vw}header>div.icon a{width:fit-content;height:fit-content}header>div.icon #icon{object-fit:cover;border:2px solid #fffc;border-radius:50%;width:3.5rem;height:3.5rem;transition:all .28s;box-shadow:0 4px 15px #00000080,inset 0 0 10px #fff3}header>div.icon #icon:hover{transform:scale(1.5)rotate(5deg);box-shadow:0 8px 25px #000000b3}footer .title{color:#fff}footer{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;grid-template-columns:auto 1fr auto;height:10vh;min-height:fit-content;margin:2vh auto;font-family:Quadrillion;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:grid;position:sticky}footer:hover{transform:translateY(-5px)}footer{z-index:10;border-top:1px solid #fff3;border-radius:1rem 1rem 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:100px;margin-top:5rem;margin-bottom:0;display:flex;position:relative}footer a{color:inherit}footer .footer-top{padding:1rem 1rem 1px}footer .footer-top .socials{gap:.8rem;display:flex}footer .footer-top .socials img{transition:all .1s}footer .footer-top .socials img:hover{filter:grayscale(0%);transform:scale(1.4)}footer .footer-top .socials img{filter:grayscale()contrast(120%);width:clamp(1.5rem,2vw,3rem);display:inline-flex}footer div{flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}main{flex:1;height:fit-content;margin:auto 15vw;padding:0 5vw;font-family:Quadrillion;overflow:visible}main section#contact{color:#d4e2f5;text-shadow:-1px -1px #7284c0,2px 2px #000;gap:2rem;font-weight:700}main section#contact .content-title{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-title:hover{transform:translateY(-5px)}main section#contact .content-title{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:1rem;padding:1rem;font-size:clamp(1rem,1vw,2rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#contact .content-title h1{margin:0}main section#contact .content-section{box-sizing:border-box;border-radius:.5rem;justify-content:stretch;align-items:stretch;width:100%;padding:1rem;display:flex}main section#contact .content-section .content-image{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-section .content-image:hover{transform:translateY(-5px)}main section#contact .content-section .content-image{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:10px 0 20px #0006}main section#contact .content-section .content-image img{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-section .content-image img:hover{transform:translateY(-5px)}main section#contact .content-section .content-image img{border-radius:1rem}main section#contact .content-section .content-article{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-section .content-article:hover{transform:translateY(-5px)}main section#contact .content-section .content-article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;flex-direction:column;justify-content:center;height:auto;padding:1rem;font-size:clamp(1rem,1vw,4rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#contact .content-section .content-article table{border-collapse:separate;border-spacing:10px;width:100%;height:100%;padding:0}main section#contact .content-section .content-article td:first-child{width:120px;font-weight:700}main section#contact .content-section .content-article td{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-section .content-article td:hover{transform:translateY(-5px)}main section#contact .content-section .content-article td{vertical-align:middle;background:#7284c026;border:1px solid #ffffff0d;border-radius:10px;padding-left:20px;box-shadow:2px 2px 5px #0003}main section#contact .content-section .content-article th{width:clamp(2rem,2vw,3rem);box-shadow:paleturquoise;padding:0 20px}main section#contact .content-section .content-article th,main section#contact .content-section .content-article td{border-radius:.5rem}main section#contact .content-extras{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-extras:hover{transform:translateY(-5px)}main section#contact .content-extras{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:auto 1rem 1rem;padding:1rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#contact .content-extras p{text-shadow:1px 1px #000;margin:0;font-family:Iosevka Charon;font-size:clamp(1rem,1vw,1.5rem);font-weight:400;line-height:1.4}main section#contact .content-extras p a{color:inherit}main section#contact .content-section{flex-direction:column;align-items:flex-start;gap:2rem;width:100%}main section#contact .content-section .content-title{flex:1;max-width:30%}main section#contact .content-section .content-title h1{word-wrap:break-word}main section#contact .content-section .content-image-special{border-radius:1rem;flex:1;justify-content:center;align-items:center;height:auto;display:flex;position:relative;overflow:hidden}main section#contact .content-section .content-image-special img{object-fit:contain;width:auto;height:120%;transition:transform .4s;transform:translateY(15%)}main section#contact .content-section .content-image-special img:hover{transform:translateY(0)}main section#contact .content-section .content-article{width:100%;width:-moz-available;width:-webkit-fill-available;box-sizing:border-box;flex:2;width:stretch;display:flex}main section#contact .content-section .content-article .contact-card{flex-direction:column;gap:1.5rem;width:100%;display:flex}main section#contact .content-section .content-article .contact-card .contact-header h2{color:#89b5e5;margin:0;font-family:Quadrillion}main section#contact .content-section .content-article .contact-card .contact-header p{opacity:.8;font-size:.9rem}main section#contact .content-section .content-article .contact-card .contact-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}main section#contact .content-section .content-article .contact-card .contact-list li{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#contact .content-section .content-article .contact-card .contact-list li{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#contact .content-section .content-article .contact-card .contact-list li:hover{transform:translateY(-5px)}main section#contact .content-section .content-article .contact-card .contact-list li .label{color:#d4e2f5;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}main section#contact .content-section .content-article .contact-card .contact-list li .value{font-family:Iosevka Charon}main section#contact .content-section .content-article .contact-card .contact-list li .value a{color:inherit;text-decoration:none}main section#contact .content-section .content-article .contact-card .contact-list li .value a:hover{text-decoration:underline}main section#hobbies{color:#d4e2f5;text-shadow:-1px -1px #7284c0,2px 2px #000;gap:2rem;font-weight:700}main section#hobbies .content-title{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-title:hover{transform:translateY(-5px)}main section#hobbies .content-title{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:1rem;padding:1rem;font-size:clamp(1rem,1vw,2rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#hobbies .content-title h1{margin:0}main section#hobbies .content-section{box-sizing:border-box;border-radius:.5rem;justify-content:stretch;align-items:stretch;width:100%;padding:1rem;display:flex}main section#hobbies .content-section .content-image{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-section .content-image:hover{transform:translateY(-5px)}main section#hobbies .content-section .content-image{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:10px 0 20px #0006}main section#hobbies .content-section .content-image img{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-section .content-image img:hover{transform:translateY(-5px)}main section#hobbies .content-section .content-image img{border-radius:1rem}main section#hobbies .content-section .content-article{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-section .content-article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;flex-direction:column;justify-content:center;height:auto;padding:1rem;font-size:clamp(1rem,1vw,4rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#hobbies .content-section .content-article table{border-collapse:separate;border-spacing:10px;width:100%;height:100%;padding:0}main section#hobbies .content-section .content-article td:first-child{width:120px;font-weight:700}main section#hobbies .content-section .content-article td{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-section .content-article td:hover{transform:translateY(-5px)}main section#hobbies .content-section .content-article td{vertical-align:middle;background:#7284c026;border:1px solid #ffffff0d;border-radius:10px;padding-left:20px;box-shadow:2px 2px 5px #0003}main section#hobbies .content-section .content-article th{width:clamp(2rem,2vw,3rem);box-shadow:paleturquoise;padding:0 20px}main section#hobbies .content-section .content-article th,main section#hobbies .content-section .content-article td{border-radius:.5rem}main section#hobbies .content-extras{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-extras:hover{transform:translateY(-5px)}main section#hobbies .content-extras{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:auto 1rem 1rem;padding:1rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#hobbies .content-extras p{text-shadow:1px 1px #000;margin:0;font-family:Iosevka Charon;font-size:clamp(1rem,1vw,1.5rem);font-weight:400;line-height:1.4}main section#hobbies .content-extras p a{color:inherit}main section#hobbies .content-section{flex-flow:row;flex:1;justify-content:center;gap:2rem}main section#hobbies .content-section .content-title{font-size:clamp(1rem,1vw,2rem)}main section#hobbies .content-section .content-article{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;padding:0;transition:none}main section#hobbies .content-section .content-article:hover{transform:none}main section#hobbies .content-section .content-article{gap:1rem}main section#hobbies .content-section .content-article [class^=article]{text-align:center;align-content:center;justify-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#hobbies .content-section .content-article [class^=article]:hover{transform:translateY(-5px)}main section#hobbies .content-section .content-article [class^=article]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;flex:1;padding:1rem;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#hobbies .content-section .content-article [class^=article].article1,main section#hobbies .content-section .content-article [class^=article].article3{border-bottom-right-radius:0;border-bottom-left-radius:0}main section#hobbies .content-section .content-article [class^=article].article2,main section#hobbies .content-section .content-article [class^=article].article4{border-top-left-radius:0;border-top-right-radius:0}main section#hobbies .content-section .content-image{flex-direction:column;flex:10rem;gap:.5rem}main section#hobbies .content-section .content-image img{object-fit:cover;width:100%;height:auto}main section#profile{color:#d4e2f5;text-shadow:-1px -1px #7284c0,2px 2px #000;gap:2rem;font-weight:700}main section#profile .content-title{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-title:hover{transform:translateY(-5px)}main section#profile .content-title{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:1rem;padding:1rem;font-size:clamp(1rem,1vw,2rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#profile .content-title h1{margin:0}main section#profile .content-section{box-sizing:border-box;border-radius:.5rem;justify-content:stretch;align-items:stretch;width:100%;padding:1rem;display:flex}main section#profile .content-section .content-image{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-section .content-image:hover{transform:translateY(-5px)}main section#profile .content-section .content-image{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:10px 0 20px #0006}main section#profile .content-section .content-image img{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-section .content-image img:hover{transform:translateY(-5px)}main section#profile .content-section .content-image img{border-radius:1rem}main section#profile .content-extras{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-extras:hover{transform:translateY(-5px)}main section#profile .content-extras{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;justify-content:center;align-items:center;margin:auto 1rem 1rem;padding:1rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#profile .content-extras p{text-shadow:1px 1px #000;margin:0;font-family:Iosevka Charon;font-size:clamp(1rem,1vw,1.5rem);font-weight:400;line-height:1.4}main section#profile .content-extras p a{color:inherit}main section#profile .content-section{flex-flow:row;gap:2rem}main section#profile .content-section .content-image{z-index:10;flex:0 0 20rem}main section#profile .content-section .content-image img:hover{transform:scale(1.1)rotate(-5deg);box-shadow:0 8px 25px #000}main section#profile .content-section .content-image img{object-fit:cover;width:100%;height:auto}main section#profile .content-section .content-article{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-section .content-article:hover{transform:translateY(-5px)}main section#profile .content-section .content-article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;flex-direction:column;justify-content:center;height:auto;padding:1rem;font-size:clamp(1rem,1vw,4rem);display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}main section#profile .content-section .content-article table{border-collapse:separate;border-spacing:10px;width:100%;height:100%;padding:0}main section#profile .content-section .content-article td:first-child{width:120px;font-weight:700}main section#profile .content-section .content-article td{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-section .content-article td:hover{transform:translateY(-5px)}main section#profile .content-section .content-article td{vertical-align:middle;background:#7284c026;border:1px solid #ffffff0d;border-radius:10px;padding-left:20px;box-shadow:2px 2px 5px #0003}main section#profile .content-section .content-article th{width:clamp(2rem,2vw,3rem);box-shadow:paleturquoise;padding:0 20px}main section#profile .content-section .content-article th,main section#profile .content-section .content-article td{border-radius:.5rem}main section#profile .content-section .content-article{z-index:5;flex:1;min-width:0;margin-left:-10px}main section#profile .content-extras{text-align:center;width:inherit;box-sizing:border-box;flex-direction:column;justify-self:center}main section#profile .content-extras .content-extras-title{margin:0 0 .5rem .5rem;padding-bottom:.5rem;font-size:clamp(1.5rem,2vw,2.5rem)}main section#profile .content-extras.first .content-extras-grid{grid-template-rows:repeat(auto-fill,minmax(280px,1fr));grid-template-columns:1fr}main section#profile .content-extras .content-extras-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;gap:1.5rem;width:100%;padding:1rem 0;display:grid}main section#profile .content-extras .content-extras-grid div{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}main section#profile .content-extras .content-extras-grid div:hover{transform:translateY(-5px)}main section#profile .content-extras .content-extras-grid div{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#7284c01a;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;min-height:120px;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}#animation #content-title{color:currentColor;letter-spacing:.06em;font-size:1.5rem}@media screen and (orientation:landscape) and (width>=1000px) and (width<=1400px){main{margin:auto 10vw}main section#profile .content-article td{padding-left:10px!important}}@media (orientation:landscape) and (width>=1000px){main section#profile .content-section .content-image{border-top-right-radius:0;border-bottom-right-radius:0}main section#profile .content-section .content-article{border-top-left-radius:0;border-bottom-left-radius:0}header div.navbar{gap:2rem;margin-left:auto;display:flex}header div.navbar a{letter-spacing:2px;font-size:.9rem;font-weight:600;position:relative}header div.navbar a:after{content:"";background-color:#d4e2f5;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}header div.navbar a:hover:after,header div.navbar a.active:after{width:100%}}@media (orientation:portrait) or (width<=1000px){section#contact .content-section{flex-direction:column;align-items:center;display:flex}section#contact .content-section .content-image{width:100%;margin-bottom:2rem}section#contact .content-section .content-article{width:100%}section#profile .content-section{flex-direction:column;align-items:center;gap:1rem;display:flex}section#profile .content-section .content-image{border-radius:1rem;flex:none;width:80%;max-width:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a;overflow:visible!important}section#profile .content-section .content-image img{border-radius:1rem;width:100%;height:auto;display:block;position:relative}section#profile .content-section .content-article{border-radius:1rem;width:100%;font-size:.9rem}section#profile .content-article{font-size:.9rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}section#profile .content-article:hover{transform:translateY(-5px)}section#profile .content-article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;padding:1rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}section#profile .content-article .content-image{width:100%;max-width:300px;margin:0 auto}section#profile .content-article table{border-collapse:separate;border-spacing:0 1rem;width:100%}section#profile .content-article table td{background:#7284c033;border-radius:10px;padding:.8rem}section#profile .content-article table td:first-child{color:#d4e2f5;width:30%;font-weight:700}section#hobbies .content-section{flex-direction:column;align-items:center;gap:1rem;display:flex}section#hobbies .content-section .content-image{border-radius:1rem;flex:none;width:80%;max-width:400px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a;overflow:visible!important}section#hobbies .content-section .content-image img{border-radius:1rem;width:100%;height:auto;display:block;position:relative}section#hobbies .content-section .content-article{border-radius:1rem;width:100%;font-size:.9rem}section#hobbies .content-article{font-size:.9rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}section#hobbies .content-article:hover{transform:translateY(-5px)}section#hobbies .content-article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;padding:1rem;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a}section#hobbies .content-article .content-image{width:100%;max-width:300px;margin:0 auto}section#hobbies .content-article table{border-collapse:separate;border-spacing:0 1rem;width:100%}section#hobbies .content-article table td{background:#7284c033;border-radius:10px;padding:.8rem}section#hobbies .content-article table td:first-child{color:#d4e2f5;width:30%;font-weight:700}body{overflow-y:scroll}header{grid-template-areas:"title icon""navigation icon";height:auto;margin:0 0 3rem;padding:clamp(1.5rem,3vw,3rem) auto 10px}header>div.title{margin-right:2vw}header>div.title h1{margin-bottom:.5dvw}header>div.navbar{grid-template-columns:repeat(3,auto);justify-content:start;margin-top:.1vh;margin-left:3vw}main section#profile .content-section{grid-template-areas:"image""article";display:grid}main section#hobbies .content-section{grid-template-rows:3px;display:grid}main section#hobbies .content-section .content-article{flex-direction:row}main section#hobbies .content-section .content-article [class^=article]{border-radius:0}main section#hobbies .content-section .content-article .article1,main section#hobbies .content-section .content-article .article3{border-top-left-radius:1rem}main section#hobbies .content-section .content-article .article2,main section#hobbies .content-section .content-article .article4{border-bottom-right-radius:1rem}@media (width<=600px){main section#profile .content-section .content-article table tr{justify-items:center;font-size:1rem;display:grid}main section#profile .content-section .content-article table tr th{width:100%}main section#profile .content-section .content-article table tr td{text-align:center;justify-content:center;align-items:center;margin:1rem;padding:.8rem;display:flex}}@media (width<=350px){header{grid-template-areas:"title title icon""navigation navigation navigation"}header>div.icon{align-items:baseline}}}