*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.menu {
  display: inline;
  width: 10vw;
  height: 100vh;
  margin: 10vh 1rem;
  margin-left: 2rem;
}
@media screen and (max-width: 400px) {
  .menu {
    display: none;
  }
}
.menuItem {
  font-size: 14px;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.taiimg {
  width: 30%;
  height: 30%;
}
.container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.division {
  width: 1em;
  background-color: gray;
}
.main {
  width: 90vw;
  margin-left: 20px;
}
.title {
  text-align: center;
  margin: 1rem 0;
  /*animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 3s;*/
}
.news {
  width: 50%;
}
.newshead {
  text-align: center;
  margin-bottom: 2rem;
}
.newstable {
  width: 100%;
}
.headline {
  width: 30%;
}
.headlinepadding {
  width: 70%;
}
.newsarticle {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000000;
}
.newsheadline {
  width: 30%;
}
.newscontent {
  width: 70%;
  margin-left: 30%;
}
.svg {
  background-image: url('public/images/ikigire.webp');
  background-repeat: repeat;
  width: 100vw;
}
@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%,
  to {
    transform: translate(-100%);
  }
}