:root{--background: #1e1e2e;--background-light: #fcebf3;--button: #78c2ad;--text: #eff1f5;--text-light: #1e1e2e;--text-link: #78c2ad;--text-link-light: #375a7f;--underline: #375a7f;--header: "Lato", sans-serif;--body: "Fira Code", monospace}html{background-color:var(--background);color:var(--text)}body{max-width:40rem;margin:0 auto;text-align:justify;line-height:1.5}h1,h2{font-family:var(--header);font-weight:400}h1{font-size:2.6rem;margin:0;margin-bottom:.5rem}h2{text-decoration:underline var(--underline);text-decoration-thickness:.5rem;text-underline-offset:.5rem;font-size:2.1rem;margin-bottom:0}p{font-family:var(--body);font-size:1.1rem;font-weight:400;hyphens:auto;text-indent:1rem}a{color:var(--text-link);text-decoration:none}.light a{color:var(--text-link-light)}small,li{font-family:var(--body)}.navbar{display:grid;align-items:center;grid-template-columns:1fr 1fr;margin-top:.8rem;margin-bottom:1rem}.navbar__title{font-family:var(--header);font-size:1.3rem}.navbar__menu{font-family:var(--body);font-size:1.1rem;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:flex-end}.navbar__title>a,.navbar__menu>a{color:var(--text);text-decoration:none}.navbar__menu>a{margin:0 1.5rem}.navbar__title>a:hover,.navbar__menu>a:hover,.navbar__menu>a:focus{text-decoration:underline var(--underline);text-decoration-thickness:.125rem;text-underline-offset:.5rem}.badge{padding:.375em;font-family:var(--body);font-size:.85rem;color:var(--text-light);background-color:#c2feff;border-radius:.5rem}.badge__list{display:flex;flex-direction:column;gap:.5rem;text-indent:1rem;list-style:none;padding:0}.badge--item{border-radius:.5rem;font-size:.7rem;margin-right:.5rem;padding:.375em}.badge__link{color:var(--text-link);text-decoration:none}.badge__link:hover{text-decoration:underline}.link-card-grid{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:1rem;padding:0}.link-card-grid>*:only-child{grid-column:1 / -1;justify-self:center}.btn{text-align:center;background:#0000;border:.125rem solid var(--button);border-radius:.5rem;color:var(--text);font-size:1rem;font-family:var(--body);padding:.5rem 1rem;transition:background-color .4s,color .4s}.btn:hover{background-color:var(--button);color:var(--text-light);cursor:pointer}.skills{margin-top:.5rem}.skills__img{margin:.5rem .125rem}.center{text-align:center}footer{margin:4rem 0}.footer__link{color:var(--text-link);text-decoration:none}.footer{cursor:default;list-style:none;padding:0}.icon__btn{display:inline-block;padding:0 .5rem}.icon__link{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3}.icon__link:hover{border-color:var(--text-link)}.git-icon{content:url(/images/github-mark-white.svg)}.mail-icon{content:url(/images/mail-white.svg)}.linked-in{content:url(/images/li-in-white.png)}.lost{margin-top:30%;text-align:center}.lost__header{margin:0 auto;text-align:center;border:0;font-size:7.5rem;letter-spacing:.75rem}.lost__body{color:#5c5b77}.lost__link{color:var(--text-link);text-decoration:none}.author-avatar{display:inline-block;border-radius:50%;object-fit:cover;clip-path:circle(50%);filter:grayscale(100%)}.light .author-avatar{filter:none}.pull-quote{position:relative;display:inline-block;padding:1.8rem 0 1.8rem 3.195rem;font-family:var(--body);font-size:1.3rem;font-style:italic;text-align:left;margin:0}.pull-quote:before{content:"“";color:#ccc;font-size:4rem;top:0;left:0;position:absolute}.pull-quote__author{text-align:left;font-style:normal}html.light{background-color:var(--background-light);color:var(--text-light)}.light .navbar__title>a{color:var(--text-light)}.light .navbar__menu>a{color:var(--text-light)}.light .card__title,.light .card__txt,.light .btn{color:var(--text-light)}.light .btn:hover{color:var(--text)}.light .icon__link{border:.125rem solid var(--text-light)}.light .icon__link:hover{border-color:var(--text-link)}.light .git-icon{content:url(/images/github-mark.svg)}.light .mail-icon{content:url(/images/mail.svg)}.light .linked-in{content:url(/images/li-in.png)}.light .badge__link,.light .footer__link{color:var(--text-link-light)}.light .icon__link:hover{border-color:var(--text-link-light)}@media only screen and (max-width: 600px){body{width:30rem}.navbar__title,.navbar__menu{text-align:center}.navbar__menu>a{margin:0 .75rem}.skills__img{height:2rem;width:2rem;margin:.5rem .125rem}.badge__list{font-size:.9rem;text-indent:0}.link-card-grid{display:flex;flex-direction:column;align-items:center}}