@charset "UTF-8";

body {
  background:#4c4e5b url(../img/bg.png)  fixed no-repeat center bottom;
  background-size: contain;
}
h1 {
  font-family: 'Zen Antique', serif;
  font-size: 90px;
  margin: 120px 0px 10px 0px;
  text-align: center;
  color: #ffffff;
}

h2 {
  font-family: 'Zen Antique', serif;
  font-size: 40px;
  margin: 10px 0px 200px 0px;
  text-align: center;
  color: #ffffff;
}

ul {
  margin: 10px 0px 200px 300px;
}
img {
  border-radius: 50%;
}
a {
  color: #ffffff;
  display: block;
}

li {
  display:block;
  font-family: 'Zen Maru Gothic', sans-serif;
  border: #ffffff ;
  padding: 30px 0px;
  font-size: 40px;
  text-align: center;
  width: 400px;
  margin: 20px auto;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}