.diagonal-gradient {
    background: linear-gradient(to bottom right, #0e7bb2, #6fb2a8);
  }
  
  .radial-gradient {
    background: radial-gradient(at 0% 30%, #0e7bb2 10px, #6fb2a8 30%, #c5e1e4 50%);
  }
  
  h1::first-line {
    font-size: 50px;
  }
  
  header::first-letter {
    font-size: 44px;
  }
  header::first-line {
    color: red;
    color: #ff0000;
    color: rgba(red, green, blue, alpha)
  }
.normal {
    width: 80px;
    height: 80px;
    background-color: #6fb2a8;
}
.rotated {
    transform: rotate(10deg);
    background-color: #0e7bb2;
}

.box {
    border: 20px solid rgb(24, 64, 182);
    border-radius: 30px;
    background-color: rgb(178, 178, 107);
    padding: 40px;
    margin: 40px;
    width: 400px;
    height: 30px;
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
}

.alternate {
  border: 25px rgb(24, 64, 182);
  border-style: dashed;
  border-right-style: dashed;
  border-left-style: dashed;
  border-radius: 30px;
  background-image: linear-gradient(180deg, rgb(40, 39, 39), red);
  background-repeat: no-repeat;
  background-size: auto;
  padding: 40px;
  margin: 40px;
  width: 400px;
  height: 30px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  color: white;
  text-shadow: 5px 5px gray;
}