.dark-mode h3, .dark-mode h4, .dark-mode h5{
  color: #fff;
}
.dark-mode .p1,.dark-mode .p2,
.dark-mode .ul_web li{
  color: #e6e0e0;
}
.content {
  margin: 50px;
}
h2{
margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

h4 {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-top: 20px;
}

h5 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 20px;
}

.p1,
.p2 {
  font-size: 16px;
  color: #555;
}

.ul_web {
  margin-top: 10px;
}

.ul_web li {
  font-size: 16px;
  color: #000000;
  list-style-type:disc;
  margin-left: 20px;
  margin-bottom: 5px;
}


@media (max-width: 768px) {
  .case{
    height: 50px;
    font-size: 2.4em;
  }
  .form {
    color: white;
    margin: 5px;
    display: inline;
    }
  .content {
    margin: 20px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
}