@font-face{font-family:Inter;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(Inter.var.woff2) format("woff2"),url(Inter.var.woff2) format("woff2")}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.blurred-container{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.blurred-container{background-color:rgba(255,255,255,.9)}}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}a{color:#039be5;text-decoration:none}a:hover{color:#039be5;text-decoration:underline}hr{margin:20px 0;opacity:0}#visible{opacity:.1}.navbar{position:sticky;z-index:10;top:0;margin-top:2.5rem;margin-bottom:2.5rem}.navbar #projectlink{color:#000!important;font-weight:600}nav{text-decoration:none}nav img{width:32px;height:32px}nav img:hover{box-shadow:rgba(0,0,0,.3) 0 0 9px;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.6) 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 23px}@media (max-width:350px){.container,.container-sm{min-width:150px}}@media (max-width:767px){.navbar-elements-left{text-align:left}}@media (max-width:767px){.navbar-elements-right{text-align:right}}#title{text-align:left;letter-spacing:-.025em}#title .name{font-size:calc(1.375rem + 1.4vw);letter-spacing:-.025em;font-weight:700}#title .description{font-size:calc(1.15rem + 1.2vw);letter-spacing:-.025em;font-weight:700;color:#696969}@media (min-width:1200px){#title .name{font-size:3rem}}@media (min-width:1200px){#title .description{font-size:2rem}}.subtitle{letter-spacing:-.025em;font-weight:700;font-size:calc(1.2rem + 1.2vw);line-height:2rem}@media (min-width:1200px){.subtitle{font-size:2rem}}.hoverable{transition:box-shadow .25s;box-shadow:0}.hoverable:hover{transition:box-shadow .25s;box-shadow:0 8px 17px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%)}.social{margin-top:30px;margin-bottom:30px}.social a{margin:0 7px;color:#696969}.social a:hover{color:#000}.social i{font-size:2.5em}@media (min-width:230px){.social a{margin:0 15px}}#projects img{margin:10px 0}#projects .card-body{padding:10px}#card-small:hover{opacity:.8}.card-text{margin-bottom:0}.links{margin-top:10px}.links a{margin:0 15px;color:#696969}.links a:hover{color:#000}.links i{font-size:2.5em}