*{margin:0;padding:0;box-sizing:border-box}img{width:100%}body{background:#28764f}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;margin:8px}ul{list-style:none}ul>li{display:inline-block;margin-left:2em}a{color:#000;font-family:monospace;font-size:24px}a:hover{color:#0000c0}.navigation{position:absolute;top:20px;left:20px}h1{font-family:monospace;font-size:60px;color:#e9e9e9}button{font-family:monospace;font-size:28px;padding:4px 8px}button:hover{cursor:pointer}#game-over,#victory{text-align:center}.room{max-width:900px;margin:0 8px}playing-card{display:block;width:200px;margin:0 4px;line-height:0;border-radius:16px}playing-card:hover{box-shadow:0 1px 8px 8px #0003;cursor:pointer}.weapon__active{box-shadow:0 1px 12px 12px #c0c0c080}.weapon__active:hover{box-shadow:0 1px 16px 16px #c0c0c0b3}.weapon{display:flex;width:250px;position:relative}#weapon-card{position:absolute;top:0;left:0;z-index:1}#monster-card{position:absolute;top:0;left:-40px}.menu{display:flex;flex-direction:row;gap:2em;margin:16px 8px}.info{border:4px double black;background:#e9e9e9;font-family:monospace;font-size:28px;width:200px;height:200px;display:flex;flex-direction:column;justify-content:space-around;padding:0 8px}@media (max-width: 900px){playing-card{width:140px}.menu{gap:1em};.info{width:150px;font-size:18px}.weapon,#weapon-card,#monster-card{width:150px}}@media (max-width: 600px){.navigation{position:relative;top:4px;left:0}.room{display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#monster-card{position:absolute;top:-32px;left:0}}