@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{justify-content:center;min-width:300px;display:flex;overflow-x:auto}body #app{flex-direction:column;justify-content:center;width:64rem;min-height:100vh;display:flex}body #app main{flex-direction:row;flex-grow:1;gap:2rem;width:100%;display:flex}@media screen and (width<=1040px){body #app main{flex-direction:column}}body #app footer{box-sizing:border-box;justify-content:center;width:100%;padding:0 1rem;display:flex}body #app footer #container-footer{border-top:2px solid #e5e5e5;justify-content:space-between;align-items:center;width:100%;min-height:3rem;display:flex}body #app footer #container-footer p{color:#6a6a6a;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}@media screen and (width<=1040px){body #app footer #container-footer{width:80%}}@media screen and (width<=450px){body #app footer #container-footer{width:90%}}.divider[data-v-940533ee]{background-color:#e5e5e5;width:100%;height:2px;margin-top:1rem}h2[data-v-940533ee]{color:#393939;letter-spacing:.1rem;margin-top:1rem;font-family:Inter,sans-serif;font-size:1.7rem;font-weight:700}a[data-v-b8d4bc56]:hover{cursor:pointer}h3[data-v-6a9fd5f9]{color:#494949;letter-spacing:.05rem;margin-top:1.25rem;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:600}article[data-v-6a9fd5f9]{color:#6a6a6a;text-align:justify;margin-top:1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.3rem}article b[data-v-6a9fd5f9]{font-weight:700}ul[data-v-6a9fd5f9]{flex-wrap:wrap;gap:.5rem;margin-top:1rem;list-style:none;display:flex;overflow:visible}img[data-v-6a9fd5f9]{object-fit:cover;width:100%;height:auto;margin-top:1rem}#profile{width:37.5%;position:relative}#profile #profile-container{box-sizing:border-box;flex-direction:column;align-items:center;margin-top:3rem;padding:1rem;display:flex;position:sticky;top:3rem;left:0;right:0}#profile #profile-container #profile-picture{object-fit:cover;border-radius:100rem;flex-grow:1;max-width:270px;overflow:hidden}#profile #profile-container h2{color:#393939;letter-spacing:.1rem;margin-top:1.5rem;font-family:Inter,sans-serif;font-size:1.7rem;font-weight:700}#profile #profile-container nav{margin-top:1.5rem}#profile #profile-container nav ul{align-items:center;gap:1rem;display:flex}#profile #profile-container nav ul li{list-style-type:none;transition:transform 50ms ease-in-out,color .2s ease-in-out}#profile #profile-container nav ul li .profile-link{align-items:center;gap:.5rem;display:flex}#profile #profile-container nav ul li .profile-link .icon{fill:#0c74b4;width:1.25rem;height:1.25rem;transition:fill 50ms ease-in-out}#profile #profile-container nav ul li .profile-link .text{letter-spacing:.025rem;color:#0c74b4;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:font-weight 50ms ease-in-out}#profile #profile-container nav ul li:hover{color:#316496;cursor:pointer;transform:scale(1.1)}#profile #profile-container nav ul li:hover .profile-link .icon{fill:#316496}#profile #profile-container nav ul li:hover .profile-link .text{font-weight:700}#profile #profile-container nav ul li:hover:active{transform:scale(1)}@media screen and (width<=450px){#profile #profile-container nav ul{flex-direction:column}}@media screen and (width<=1040px){#profile #profile-container{width:80%}}@media screen and (width<=450px){#profile #profile-container{width:90%}}#profile article{color:#6a6a6a;text-align:justify;margin-top:2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.3rem}#profile article b{font-weight:700}@media screen and (width<=1040px){#profile{flex-direction:column;align-items:center;width:100%;display:flex}}#portfolio{width:62.5%;margin-top:3rem}#portfolio #portfolio-container{box-sizing:border-box;padding:1rem}#portfolio #portfolio-container h1{color:#222;letter-spacing:.15rem;font-family:Inter,sans-serif;font-size:2rem;font-weight:800}@media screen and (width<=1040px){#portfolio #portfolio-container{width:80%}}@media screen and (width<=450px){#portfolio #portfolio-container{width:90%}}@media screen and (width<=1040px){#portfolio{flex-direction:column;flex-grow:1;align-items:center;width:100%;margin-top:0;display:flex}}:where(:not(svg,svg *,iframe,canvas,img,video,audio,embed,object,script,style,[hidden])){all:unset;display:revert;box-sizing:border-box}img,video,canvas,audio,iframe,embed,object{max-width:100%;height:auto;display:block}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}:focus-visible{outline:2px solid highlight;outline:2px solid -webkit-focus-ring-color}ol,ul{list-style:revert}