.Card{--shadow-color:204deg 33% 44%;--shadow-elevation-medium:.4px .3px .6px hsl(var(--shadow-color) / .74), 8px 6px 11.9px -2.1px hsl(var(--shadow-color) / .88);--shadow-elevation-high:.4px .5px .9px hsl(var(--shadow-color) / .14), 3.2px 4.6px 7.6px -.2px hsl(var(--shadow-color) / .2), 5.8px 8.4px 13.8px -.3px hsl(var(--shadow-color) / .26), 9.2px 13.3px 21.8px -.5px hsl(var(--shadow-color) / .31), 14.2px 20.5px 33.7px -.7px hsl(var(--shadow-color) / .37), 21.7px 31.3px 51.4px -.8px hsl(var(--shadow-color) / .43), 32.6px 46.9px 77.1px -1px hsl(var(--shadow-color) / .49);--padding:2em;color:inherit;padding:var(--padding);box-shadow:var(--shadow-elevation-medium);background:#fff;border-radius:.8em;outline-width:0;outline-color:#ece2aa;text-decoration:none;transition:all .6s ease-in-out,outline-width .25s ease-in,outline-color .35s ease-out;display:block;overflow:hidden}.Card:hover{box-shadow:var(--shadow-elevation-high);transform:scale(1.05)}.Card:focus-visible{outline:5px solid #f4d003}.Card .thum{margin:calc(-1 * var(--padding));margin-bottom:1em}.Card .thum img{object-fit:cover;width:100%;height:15em}@media (width>=44em){.Card .thum img{height:11.25em}}.Card .title{margin-bottom:.4em;font-size:1.35em;font-weight:700}.Card .desc{margin-bottom:.8em;font-style:italic}.Card .keywords{flex-wrap:wrap;gap:.2em;display:flex}.Card .keywords span{color:#fff;background-color:#03a9f4;border-radius:.4em;padding:.3em .9em;font-size:.7em}*{box-sizing:border-box}ul{padding-left:0;list-style:none}body{background-color:#b0d4e3;min-width:20em;margin:0;font-size:16px;line-height:1.57}.App{width:auto;padding:1em}header{text-align:center;margin-bottom:4em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{opacity:0;animation:.75s linear forwards fadeIn;animation-delay:0;margin-bottom:-.1em;font-size:5em}p{opacity:0;font-size:1.2em;animation:.65s linear .2s forwards fadeIn}p:nth-child(3){opacity:0;animation:.5s linear .5s forwards fadeIn}.b{color:#333}ul{width:85%;margin:0 auto}@media (width>=44em){ul{width:42em}ul li{width:20em}}@media (width>=66em){ul{width:64em}}@media (width>=88em){ul{width:86em}}@keyframes moveIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}li{opacity:0;width:100%;animation:.5s linear forwards moveIn;animation-delay:var(--animation-delay);margin-bottom:2em;display:block}