html, body{
    margin: 0;
    padding: 0;
    background: rgba(247, 247, 247, 0.4);
}
.cs{
    margin: 6vw 0 2vw 0;
/*    background-color: #589558;*/
    background-color: rgba(59, 120, 64, 0.7);
}
.content{
    max-width: 620px;
    margin: 0 auto;
    color: #fbfbfb;
    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.domen{
    padding: 2vw 16vw;
    font-size: clamp(16px, 5vw, 50px);
}
.sale{
    padding: 1vw 16vw;
    color: #666;
    font-size: clamp(13px, 3vw, 24px);
}
.sale a{
  text-decoration: none;
  color: inherit;
}
.txt, .btn{
  box-sizing: border-box;
  background-color: #fff;
  outline: none;
  transition: background-color 0.3s;
}
.txt{
  margin: 3px 0;
  width: 100%;
  height: 200px;
  padding: 3px;
  font-size: 100%;
  font-weight: 300;
  border: 1px solid #bbb;
  color: #333;
}
.btn{
  width: 100%;
  line-height: 36px;
  font-size: 0.92em;
  font-weight: bold;
  color: #f8f8f8;
  background-color: rgba(59, 120, 64, 0.7);
  border: none;
  outline: none;
  text-align: center;
  user-select: none;
  transition: background-color 0.3s;
  cursor: pointer;
}
.btn:focus, .btn:hover{
  background-color: rgba(59, 120, 64, 0.8);
}
.sent{
  background-color: rgba(59, 120, 64, 0.4);
  cursor: default;
}
.sent:focus, .sent:hover{
  background-color: rgba(59, 120, 64, 0.4);
}

@media screen and (max-width: 430px) {
  .warn1{
    height: unset;
    aspect-ratio: 2/1;
  }
}