:root{color-scheme:light dark;--blue:#009bcd;--turquoise:#53c2c9;--blue-secondary:#007ea6;--darkgrey:#444;--text-color:var(--darkgrey);--secondary-text-color:#5c6f75;--secondary-large-text-color:#63787e;--bg-color:#eceef0;--divider-color:#d9dbde;--link-underline-default:rgba(0,155,205,.4);--link-underline-hover:var(--blue);--link-underline-active:var(--blue-secondary);--action-background-l1:rgba(147,187,201,.2);--action-background-l2:rgba(147,187,201,.4);--action-background-l3:rgba(147,187,201,.5);--font-fam:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--space-l1:0.625rem;--space-l2:1.25rem;--space-l3:2.5rem;--space-l4:5rem}.project-box{background-position:50%;background-size:cover;border-radius:5px;box-shadow:0 2px 5px rgba(14,21,47,.2);display:block;height:7em;margin:0 auto 1.25rem;margin:0 auto var(--space-l2);max-width:25em;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:100%}.project-box:after{animation:overlay .5s ease-out backwards;background-color:rgba(69,69,69,.5);background-image:linear-gradient(-10deg,rgba(60,140,145,.85),rgba(60,140,145,.75) 49.99%,transparent 50%,transparent);background-position:0 50%;background-repeat:no-repeat;background-size:100% 200%;content:"";height:100%;left:0;position:absolute;transition:background-position .3s ease,background-size .3s ease;width:100%}.project-box:hover:after{background-position:0 55%}.project-box .title{bottom:0;color:#fff;font-size:1.75em;position:absolute;text-align:center;width:100%;z-index:1}.project-box:first-child:after{background-color:rgba(76,137,217,.5);background-image:linear-gradient(-10deg,rgba(53,127,212,.85),rgba(53,127,212,.75) 49.99%,transparent 50%,transparent)}.project-box:nth-child(2):after{background-color:rgba(83,195,202,.5);background-image:linear-gradient(-10deg,rgba(60,140,145,.85),rgba(60,140,145,.75) 49.99%,transparent 50%,transparent)}.project-box:nth-child(3):after{background-color:rgba(140,76,111,.5);background-image:linear-gradient(-10deg,rgba(108,58,85,.85),rgba(108,58,85,.75) 49.99%,transparent 50%,transparent)}.project-box:nth-child(4):after{background-color:rgba(69,69,69,.5);background-image:linear-gradient(-10deg,rgba(33,33,33,.85),rgba(33,33,33,.75) 49.99%,transparent 50%,transparent)}@keyframes overlay{0%{background-position:0 40%}to{background-position:0 50%}}@media (min-width:35em){header .desc{margin-bottom:7.5%}}@media (color-gamut:p3){:root{--blue:color(display-p3 0.2 0.6 0.85);--turquoise:color(display-p3 0.3 0.75 0.75);--blue-secondary:color(display-p3 0.15 0.5 0.7)}}@media (hover){.project-box:hover{box-shadow:0 3px 9px rgba(14,21,47,.3)}}@media (prefers-color-scheme:dark){:root{--bg-color:#202020;--text-color:#eceef0;--secondary-text-color:#c6ccd2;--secondary-large-text-color:#b5bdc4;--divider-color:#4a545e;--action-background-l1:rgba(74,84,94,.4);--action-background-l2:rgba(74,84,94,.6);--action-background-l3:rgba(74,84,94,.7)}}
/*# sourceMappingURL=projects.css.map */