/* a minimalist set of CSS resets */

/* default to border-box */
html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* adjust typography defaults */
@font-face {
  font-family: 'genshin'; /* This is an arbitrary name -- whatever works for you */
  src: url('https://cdn.glitch.global/08844d38-51aa-4016-bb81-e265c4b6571a/genshin.ttf?v=1708116731402');
       url('https://cdn.glitch.global/08844d38-51aa-4016-bb81-e265c4b6571a/genshin.ttf?v=1708116731402') format('ttf'),
}
@font-face {
  font-family: 'honkai'; /* This is an arbitrary name -- whatever works for you */
  src: url('https://cdn.glitch.global/08844d38-51aa-4016-bb81-e265c4b6571a/font_medium.font?v=1729174204417');
       url('https://cdn.glitch.global/08844d38-51aa-4016-bb81-e265c4b6571a/font_medium.font?v=1729174204417') format('font'),
}
body {
  font-family: 'genshin',serif;
  line-height: 1.5;
  background-image:url('https://cdn.glitch.global/08844d38-51aa-4016-bb81-e265c4b6571a/Image_20240216_094346_469.png?v=1708094652796')
}
div {
  background-color: #e3eaff;
  border-radius: 5px;
  width: 60%;
  margin: auto;
  border: 5px;
  border-style: solid;
  border-color: #071b40;
  margin-top: 100px;
    padding: 10px;
}

@media screen and (max-width: 600px) {
  ul {
    float: none;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}



li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111111;
}
table {
  background-color: white;
  border-radius: 5px;
  border: 5px;
  border-color: black;
  display: block;
}
th, td {
  padding-top: 15px;
  padding-bottom: 25px;
  padding-left: 47px;
  padding-right: 47px;
  text-decoration:none
  display: block;
}
h1 {
  text-align: center;
}
hr {
  height: 5px;
  background-color: #112e65;
}