body {
    background-color:#CDF87C;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
}
input:required {
    box-shadow: 1px 1px 20px rgba(100, 22, 0, 0.85);
}

/**
 * style input elements that have a required
 * attribute and a focus state
 */
input:required:focus {
    border: 1px solid red;
    outline: none;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
input:required:hover {
    opacity: 1;
}
.ded {
     resize: vertical;
    background-color: transparent;
    width: 200px;
    border: none;
    height: 50px;
    font-size:12pt;
}

blink, .blink {
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    -o-animation: blink 1s step-end infinite;
    animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {
    67% { opacity: 0 }
}

@-moz-keyframes blink {
    67% { opacity: 0 }
}

@-o-keyframes blink {
    67% { opacity: 0 }
}

@keyframes blink {
    67% { opacity: 0 }
}
textarea{
      box-shadow: inset -2px -2px 13px #593258;
  color: #FAF7AE;
  border-width: 2px;
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-radius: 1px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  background-color: #553384;


}
.toggle {
     box-shadow: -2px -2px 2px #E2C508, 2px -2px 2px #E2C508, -2px 2px 2px #E2C508, 2px 2px 2px #E2C508;
  color: #3C078D;

font-size: 12px;
  border-radius:10px;
    border:2px solid #4F4B11;
}