header{position:fixed;display:flex;justify-content:space-between;align-items:center;background-color:rgba(245,245,245,.9);padding:.5rem}@media(min-width:777px){header{padding:0}}header ul li{transition:filter .3s ease}header ul li:focus-within,header ul li:hover{background-color:rgba(224,224,224,.5);filter:drop-shadow(0 0 .5rem rgba(224,224,224,.5))}header a{color:#1976d2}header a:focus,header a:hover{color:#0288d1}header a.portfolio-title{line-height:1rem;font-weight:500;color:#616161}header a.portfolio-title:focus,header a.portfolio-title:hover{color:#e040fb}header button{color:#616161}header button:focus,header button:hover{color:#e040fb}.skip-link{position:absolute;top:-50px;left:0;color:#212121;background-color:#f5f5f5;padding:.5rem;border:1px solid #e0e0e0;border-radius:.25rem;z-index:1000}.skip-link:focus,.skip-link:hover{top:0;transition:top .3s ease-in-out;background-color:#e0e0e0}.mobile-menu{background-color:rgba(245,245,245,.8);backdrop-filter:blur(4px);transition:background-color .3s ease-in-out}.image-head-container p{color:#212121}.image-head-container p.caption{padding:1rem 0 0;font-size:1.25em}body{background-color:#f5f5f5;color:#212121}main,main.project-page{margin:0 auto;max-width:70rem;padding:1.25rem;background-color:#f5f5f5}main a{text-decoration:underline}.overlay{background-color:rgba(245,245,245,.85)}.card-content{background-color:#e0e0e0;transition:box-shadow .3s ease;box-shadow:0 10px 12px -2px rgba(0,0,0,.1),0 4px 5px -3px rgba(0,0,0,.1);overflow:hidden;transform-style:preserve-3d;will-change:transform}.card-content h3.card-title{color:#0288d1;transform-origin:left;transition:all .3s ease;font-size:1.25em;margin:0}.card-content .card-text *{padding:.25rem}.card-content img{transition:transform .3s ease;transform-origin:center;transform:scale(1)}.card-content:focus,.card-content:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}a.card-content{text-decoration:none}.card-content:focus h3.card-title,.card-content:hover h3.card-title{color:#e040fb;transform:scale(1.04)}.card-content:focus img,.card-content:hover img{transform:scale(1.04)}.card-content p{color:#212121}h1{font-size:1.5em;margin-bottom:1rem;color:#9c27b0}h2,h3,h4,h5,h6{font-size:1.25em;margin:.75rem 0;color:#1976d2}h3{font-size:1.125em}h4,p{font-size:1em}main.project-page p{padding:1rem 0}main.project-page img{margin:0 0 .5rem}main a,main.project-page a{color:#9c27b0}main a:focus,main a:hover,main.project-page a:focus,main.project-page a:hover{color:#1976d2}main.project-page ul{list-style-type:disc;padding:0;margin:.5rem 0}main.project-page ol li,main.project-page ul li{margin-left:.75rem;color:#616161}footer a:focus,footer a:hover{text-decoration:underline;text-underline-offset:4px}.tooltip{padding:.5rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:.25rem}@media(prefers-color-scheme:dark){header{background-color:rgba(33,33,33,.9)}header ul li{transition:filter .3s ease}header ul li:focus-within,header ul li:hover{background-color:rgba(66,66,66,.5);filter:drop-shadow(0 0 .5rem rgba(66,66,66,.5))}header a{color:#64b5f6}header a:focus,header a:hover{color:#4fc3f7}header a.portfolio-title p{color:#bdbdbd}header a.portfolio-title p:focus,header a.portfolio-title p:hover{color:#f48fb1}header button{color:#bdbdbd}header button:focus,header button:hover{color:#f48fb1}.skip-link{color:#bdbdbd;background-color:#212121;border:1px solid #424242}.skip-link:focus,.skip-link:hover{background-color:#424242}.mobile-menu{background-color:rgba(33,33,33,.8)}.image-head-container p,body{color:#f5f5f5}body,main,main.project-page{background-color:#212121}.overlay{background-color:rgba(33,33,33,.85)}.card-content{background-color:#424242;transition:box-shadow .3s ease;box-shadow:0 10px 12px -2px rgba(0,0,0,.1),0 4px 5px -3px rgba(0,0,0,.1);overflow:hidden;transform-style:preserve-3d;will-change:transform}.card-content h3.card-title{color:#4fc3f7;transform-origin:left;transition:all .3s ease;font-size:1.25em}.card-content img{transition:transform .3s ease;transform-origin:center;transform:scale(1)}.card-content:focus,.card-content:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.2)}.card-content:focus h3.card-title,.card-content:hover h3.card-title{color:#f48fb1;transform:scale(1.04)}.card-content:focus img,.card-content:hover img{transform:scale(1.04)}.card-content p{color:#f5f5f5}h1{color:#ce93d8}h2,h3,h4,h5,h6{color:#64b5f6}p{color:#bdbdbd}main.project-page ol li,main.project-page ul li{margin-left:.75rem;color:#bdbdbd}main a,main.project-page a{color:#ce93d8}main a:focus,main a:hover,main.project-page a:focus,main.project-page a:hover{color:#64b5f6}.tooltip{background-color:#212121;border:1px solid #424242}}