.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;display:block;text-decoration:none;color:inherit;padding:var(--padding);background:#fff;border-radius:.8em;box-shadow:var(--shadow-elevation-medium);overflow:hidden;outline-width:0;outline-color:#ece2aa;transition:.6s ease-in-out,outline-width .25s ease-in,outline-color .35s ease-out}.Card:hover{transform:scale(1.05);box-shadow:var(--shadow-elevation-high)}.Card:focus-visible{outline:5px solid #f4d003}.Card .thum{margin:calc(-1 * var(--padding));margin-bottom:1em}.Card .thum img{width:100%;height:15em;object-fit:cover}@media (min-width: 44em){.Card .thum img{height:11.25em}}.Card .title{font-size:1.35em;font-weight:700;margin-bottom:.4em}.Card .desc{font-style:italic;margin-bottom:.8em}.Card .keywords{display:flex;flex-wrap:wrap;gap:.2em}.Card .keywords span{background-color:#03a9f4;color:#fff;border-radius:.4em;font-size:.7em;padding:.3em .9em}*{box-sizing:border-box}ul{padding-left:0;list-style:none}body{min-width:20em;margin:0;font-size:16px;background-color:#b0d4e3;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{font-size:5em;margin-bottom:-.1em;opacity:0;animation:fadeIn linear forwards;animation-duration:.75s;animation-delay:0}p{font-size:1.2em;opacity:0;animation:fadeIn linear forwards;animation-duration:.65s;animation-delay:.2s}p:nth-child(3){opacity:0;animation:fadeIn linear forwards;animation-duration:.5s;animation-delay:.5s}.b{color:#333}ul{width:85%;margin:0 auto}@media (min-width: 44em){ul{width:42em}ul li{width:20em}}@media (min-width: 66em){ul{width:64em}}@media (min-width: 88em){ul{width:86em}}@keyframes moveIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}li{width:100%;display:block;margin-bottom:2em;opacity:0;animation:moveIn linear forwards;animation-duration:.5s;animation-delay:var(--animation-delay)}