.wrapper{width:100%;max-width:1600px;max-height:900px;display:grid;grid-template-columns:minmax(240px,1fr) 3fr 240px;grid-template-rows:4em 1fr 1fr 1fr;grid-template-areas:"left center language" "left center box1" "left center box2" "left center box3";gap:20px}@media only screen and (min-width: 768px) and (max-width: 1040px){.wrapper{grid-template-columns:minmax(180px,1fr) 2fr minmax(180px,1fr)}}@media only screen and (min-width: 500px) and (max-width: 767px){.wrapper{max-height:unset;grid-template-columns:minmax(240px,1fr) minmax(180px,1fr);grid-template-rows:4em 3fr repeat(3,minmax(240px,1fr));grid-template-areas:". language" "center center" "left box1" "left box2" "left box3";gap:20px}}@media only screen and (max-width: 499px){.wrapper{max-height:unset;grid-template-columns:auto;grid-template-rows:4em 3fr 3fr repeat(3,minmax(240px,1fr));grid-template-areas:"language" "left" "center" "box1" "box2" "box3";gap:20px}}dialog{text-align:center;margin:2em auto;position:fixed}dialog::backdrop{background-color:var(--background-color);opacity:.7}.wrapper .tile>.front,.wrapper .tile>.back{width:100%;height:100%;box-sizing:border-box;background:no-repeat center center;background-size:cover;background-blend-mode:luminosity;box-shadow:0 0 10px var(--tile-color);padding:10px;border-radius:12px;text-align:center;display:flex;flex-direction:column;justify-content:center}.wrapper .tile{position:relative}.wrapper .tile>.front,.wrapper .tile>.back{transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:1s;transition-property:transform,opacity}.wrapper .tile>.front{transform:rotateY(0)}.wrapper .tile>.back{position:absolute;opacity:0;top:0;left:0;transform:rotateY(-180deg)}.wrapper .tile:hover>.front{transform:rotateY(180deg)}.wrapper .tile:hover>.back{opacity:1;background-color:var(--tile-color)!important;transform:rotateY(0)}.wrapper .tile .stuff{margin-top:auto;margin-bottom:auto}.wrapper .tile h2{width:100%;text-shadow:1px 1px 5px var(--background-color),1px 1px 5px var(--background-color),0 0 7px var(--background-color)}.wrapper .tile p,.wrapper .tile span{color:#fff}.wrapper .tile .copyright{align-self:end}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--font-color: #ffffff;--background-color: #242424;--tile-color: #484848;--tile-shadow-color: #dbdbdb;color:var(--font-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:anywhere}@media (prefers-color-scheme: light){:root{--font-color: #213547;--background-color: #ffffff;--tile-color: #dbdbdb;--tile-shadow-color: #6c6c6c}a:hover{color:#747bff}}body{margin:0;display:flex;place-items:center;min-height:100vh;min-width:320px;align-items:stretch}#root{display:flex;justify-content:center;width:100%;padding:20px}