@font-face {
  font-family: Typestar;
  src: url('https://myromancedchemicals.neocities.org/fonts/typestar.ttf') format("truetype");
}
body {
  background: rgb(240, 200, 250);
  background-image: url('https://64.media.tumblr.com/13159ed80fb3d321fe99e6bace181d39/e59327805b349954-ba/s2048x3072/be9ca0542fb3881aec3e9d9c665c4a024b1107c0.pnj');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  font-family: "Typestar" , Arial;
  color: blue;
}
img {
  height: 30vh;
  object-fit: fill;
}
table, tr, td, th {
  border: 2px solid black;
}
.sheet {
  width: 24vw;
  height: 60vh;
}
.gutter {
  width: 2vw;
}
.card {
  border: 1px solid blue;
  background-color: rgb(200, 220, 230);
  color: rgb(63, 36, 26);
  vertical-align: middle;
  max-width: 18vw;
  margin: auto;
}
.page {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15vh;
}