@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Grenze+Gotisch:wght@100..900&family=Nova+Square&family=Permanent+Marker&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";*{font-family:var(--main-font)}#root{width:100%;text-align:center;height:100vh;--main-bg: rgb(3, 6, 55);--main-header: rgb(40, 36, 103);--card: rgb(114, 4, 85);--font-color: rgb(236, 223, 204);background-color:var(--main-bg);--main-font: "Permanent Marker", cursive;background:url(/bg.jpg);background-size:cover;background-repeat:no-repeat}body{margin:0}html{width:100%}.container{margin:20px 20px 0;height:80%;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr);justify-items:center;gap:16px}@media screen and (max-width: 1200px){#root{height:100%}.container{grid-template-rows:repeat(auto,1fr);grid-template-columns:repeat(3,1fr)}.name-description p{line-height:normal;font-size:1rem}}@media screen and (max-width: 730px){.container{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){.container{grid-template-rows:auto;grid-template-columns:repeat(1,1fr)}}.header{width:100%;display:flex;justify-content:space-between;background-color:var(--main-header)}.header h1{color:var(--font-color);font-size:2rem}.name-description{margin-left:10px;line-height:.8rem;text-align:start}.name-description p{font-size:1.7rem;color:#38d8de;--webkit-text-stroke: 2px brown}.score{text-align:end;margin-right:20px;color:var(--font-color)}@media screen and (max-width: 1200px){.name-description p{line-height:normal;font-size:1rem}.header{flex-direction:column}}.card{color:var(--font-color);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;border:2px dotted var(--main-bg);cursor:pointer;font-weight:100;background-color:var(--main-bg);border-radius:10px;box-shadow:5px 10px 8px #000;opacity:.9}.card:hover{box-shadow:0 0 10px #1861ff,0 0 15px #1c43ce,0 0 15px #395fea,0 0 20px #f686f6;animation:glow .8s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #16245c,0 0 10px #16245c,0 0 10px #16245c,0 0 10px #0037ff}to{box-shadow:0 0 20px #5dade2,0 0 20px #5dade2,0 0 20px #5dade2,0 0 20px #5dade2}}.img-div{width:90%;height:180px;border-radius:10px}.card h2{font-family:fantasy;font-style:italic}.img-div img{width:100%;height:100%;border-radius:20px;object-fit:cover;aspect-ratio:16 / 9}