@charset "utf-8";

main {
  background: linear-gradient(rgb(117, 207, 194), rgb(109, 144, 150));

}

.title {
  padding-top: 30px;
  text-align: center;
}

.title h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: bold;
}

.discription {
  background-color: #aaaaaa;
  margin-top: 25px;
  margin-left: 50px;
  margin-right: 50px;
  display: flex;
}

.discription p {
  margin: 10px;
  word-break: break-all;
}

.discription-a {
  color: #3ba000;
  text-decoration: underline;
  font-weight: 550;
}

.discription-a:hover {
  text-decoration: none;
}

.term {
  padding: 20px 50px;
}

.term-list {
  background-color: #3D3D3D;
  color: #FFFFFF;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 20px;
}

.term-list p,
.prohibited-list p {
  font-weight: bold;
  font-size: 17px;
  text-indent: -1em;
  padding-left: 1em;
}

.term-list li,
.prohibited-list li {
  padding: 10px;
  text-indent: -1.4em;
  padding-left: 1.4em;
  list-style-type: circle;
  list-style-position: inside;
  word-break: break-all;
}

.prohibited-list {
  background-color: #3D3D3D;
  color: #FFFFFF;
  margin-top: 20px;
  padding-top: 10px;
  padding-left: 20px;
}

.bottom {
  padding-top: 20px;
}


@media (max-width: 800px) {
  .discription {
    margin: 10px;
  }
  .term {
    padding: 0 10px;
  }
}