@import "./common/base.css";#landing{text-align:center;margin-top:2rem;& .card{text-align:center;cursor:pointer;width:460px;height:260px;margin:10px;padding:48px;font-size:2rem;transition:all .2s;display:inline-block;position:relative;overflow:hidden;&:hover{transform:translateY(-10px)}&:has(.overlay){& img{filter:blur(4px)grayscale();&:hover{filter:blur(4px)grayscale(70%);transition:all .2s}}}& img{filter:grayscale(70%);image-rendering:auto;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;&:hover{filter:grayscale(0%);transition:all .3s}}& .overlay{color:red;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;pointer-events:none;font-size:96px;line-height:2;position:relative}}}@media only screen and (width<=540px){#landing{& .card{width:100%;margin:0 0 24px;padding:0;& .overlay{font-size:64px;line-height:4}}}}