/* css for news letter */

/* header/paragraph centering */
.header {
    text-align: center;
    padding: 32px;
}

/* news letter padding and background color */
.box {
    padding: 20px;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(121,92,9,1) 0%, rgba(0,212,255,1) 100%);
}

/* news letter input elements and submit button */
input[type=text], input[type=submit] {
  width: 80%;
  padding: 12px;
  margin: 8px 0;
  display: flex;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* news letter margins*/
input[type=checkbox] {
  margin-top: 16px;
}

/* newsletter submit button styles */
input[type=submit] {
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 60%);
    color: white;
    border: none;
}

input[type=submit]:hover {
  opacity: 0.5;
}