:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:200;color-scheme:light dark;color:#b4b4f1;background-color:#1a1a32;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{line-height:1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.project-card-container{width:330px;height:330px;perspective:1000px;cursor:pointer;position:relative}.project-card{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;will-change:transform}.project-card-container.is-flipped .project-card{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#5c5c89;border-radius:8px;box-shadow:0 2px 4px #141414bf}.card-face-back{width:100%;height:100%;box-sizing:border-box;background-color:#363650;color:#fff;transform:rotateY(180deg)}.card-face-back p,.card-face-back a{margin:0}.project-image{width:100%;height:77.5%;top:0;border-radius:8px 8px 0 0}.project-title{margin:1rem;font-size:1.75rem}.project-description{font-size:1rem}#root{max-width:100%;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.image-container{position:relative;text-align:center;color:#b4b4f1}.image-container-link:hover{filter:drop-shadow(0 0 2em #646cffaa)}.image-container .logo{display:block;width:200px;height:auto}.image-container .overlay-text{position:absolute;top:0;left:8.5%;width:200px;font-size:2.1em;font-weight:700;z-index:2}.description-text{position:absolute;right:2%;top:0;align-self:center;color:gray;font-size:smaller;text-align:right;width:60%}.description-text2{position:absolute;right:2%;top:2%;align-self:center;color:gray;font-size:smaller;text-align:right;width:60%}.app-container{width:100%}.project-grid{display:flex;flex-wrap:wrap;width:93%;justify-content:center;gap:1.5rem}.project-grid-wrapper{display:flex;justify-content:center;padding:1.5rem}