.contact-icons{gap:var(--universal-gap);align-items:center;padding:10px;display:flex}.contact-icons .email-link,.contact-icons .linkedin-link,.contact-icons .github-link,.contact-icons .medium-link{box-shadow:none;color:var(--jlchuang-accent-color);text-decoration:none}.contact-icons .email-link:hover,.contact-icons .email-link:focus,.contact-icons .linkedin-link:hover,.contact-icons .linkedin-link:focus,.contact-icons .github-link:hover,.contact-icons .github-link:focus,.contact-icons .medium-link:hover,.contact-icons .medium-link:focus{color:var(--jlchuang-pale-color)}.contact-icons svg{font-size:30px}
nav{padding:10px;display:flex}nav ol,nav ul{list-style:none}nav ul{justify-content:space-evenly;gap:var(--universal-row-gap);flex-direction:column;margin:10px 0;padding:0;display:flex}nav ul li a{color:var(--jlchuang-pale-color);text-transform:uppercase;box-shadow:none;font-family:Cabin,sans-serif;font-size:14px;font-weight:500;text-decoration:none}nav ul li a:hover,nav ul li a:focus{color:var(--jlchuang-accent-color)}nav ul li a svg{padding-right:10px}nav ul .medium{width:.875em}
.sidebar{flex-direction:column;justify-content:space-between;height:calc(100vh - 160px);padding:80px 50px;display:flex}.sidebar h1{font-family:var(--jlchuang-josefin-sans-font-family);padding:var(--universal-padding);color:#fff;margin-bottom:0;font-size:50px;font-weight:200}.sidebar .subtitle{padding:var(--universal-padding);color:#fff;margin-top:0;font-size:20px;font-weight:100}.sidebar .resume-link{margin:var(--universal-padding);border:1px solid var(--jlchuang-accent-color);color:var(--jlchuang-accent-color);text-transform:uppercase;box-shadow:none;border-radius:30px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.sidebar .resume-link:hover,.sidebar .resume-link:focus{background-color:var(--jlchuang-accent-color);color:var(--jlchuang-dark-color)}@media only screen and (max-width:768px){.sidebar{position:initial;height:initial}}
.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.reveal-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}

.chip{border:1px solid var(--jlchuang-accent-color);text-transform:uppercase;border-radius:15px;margin:5px;padding:5px 10px;font-size:12px}
#experience .experience h1,#experience .experience h2,#experience .education h1,#experience .education h2{margin-top:10px;margin-bottom:10px}#experience .experience .experience-block,#experience .education .experience-block{margin-bottom:20px}#experience .experience .experience-block h3 a,#experience .education .experience-block h3 a{color:var(--jlchuang-accent-dark-color)}#experience .experience .experience-block h3 a:hover,#experience .education .experience-block h3 a:hover{color:var(--jlchuang-pale-color)}#experience .experience .experience-block h3,#experience .experience .experience-block h4,#experience .education .experience-block h3,#experience .education .experience-block h4{margin-top:10px;margin-bottom:10px}#experience .experience-technologies{flex-wrap:wrap;display:flex}@media only screen and (max-width:768px){#experience .layout .experience{padding-right:0}#experience .layout .education{margin-top:calc(var(--universal-margin)*2);padding-left:0}}
.project-card a:hover h3,.project-card a:focus-within h3,.project-card a .project-info{color:var(--jlchuang-pale-color)}@media (hover:hover){.project-card a .project-image{filter:grayscale(50%)brightness(.5)}.project-card a:hover .project-image,.project-card a:focus-within .project-image{filter:none}}.project-card .project-image{border-radius:10px;width:100%;height:100%}.project-card .project-technologies{flex-wrap:wrap;display:flex}
#projects .projects-list{gap:var(--universal-gap);flex-flow:column wrap;display:flex}#projects .project-card{width:100%;display:flex}
.blog-section{gap:var(--universal-gap);flex-wrap:wrap;display:flex}.blog-section>div{display:flex}.blog-section>div:hover h3,.blog-section>div:focus-within h3{color:var(--jlchuang-pale-color)}.blog-section .blog-image{aspect-ratio:3/2;object-fit:cover;border-radius:10px;width:100%;height:auto}@media (hover:hover){.blog-section .blog-image{filter:grayscale(50%)brightness(.5)}.blog-section>div:hover .blog-image,.blog-section>div:focus-within .blog-image{filter:none}}.blog-section .blog-snippet{color:var(--jlchuang-pale-color);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media only screen and (max-width:768px){.blog-section>div{flex:0 0 100%}}.blog-status{color:var(--jlchuang-pale-color)}.blog-footer{padding:var(--universal-gap);justify-content:center;align-items:center;display:flex}
.icon-with-tooltip{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.icon-with-tooltip svg{min-width:50px;font-size:50px}.icon-with-tooltip:focus-visible{outline:2px solid var(--jlchuang-accent-color);outline-offset:4px;border-radius:8px}
#interests div{--rt-color-dark:#000;gap:var(--universal-gap);flex-wrap:wrap;justify-content:center;display:flex}#interests div svg path{fill:var(--jlchuang-accent-color)}@media only screen and (max-width:768px){#interests div{gap:var(--universal-gap)}}#interests div .react-tooltip{max-width:100%}
.icon-with-label{place-items:center;gap:var(--universal-padding);flex-direction:column;display:flex}.icon-with-label svg{width:60px;font-size:50px}.icon-with-label span{font-size:12px}
#skills .items{justify-content:center;gap:var(--universal-gap);row-gap:var(--universal-row-gap);flex-wrap:wrap;display:flex}#skills .framework-block>p{margin-bottom:40px}#skills .language-block{margin-top:80px}#skills .language-block>p{margin-bottom:40px}#skills .red{color:red}#skills .orange{color:#e65f3a}#skills .aws-orange{color:#f90}