body {
    background: linear-gradient(rgb(159, 255, 159), pink, lightblue, yellow);
    font-family: Helvetica, Arial, sans-serif;
}

div {
    width: 500px;
    height: 120px;
}

.diag-linear {
    background: linear-gradient(140deg, blue, pink, yellow, orange);
}

.sunset-linear {
    background: linear-gradient(1deg, white, yellow, orange, red, brown);
}

.rainbow-line {
    background: linear-gradient(to right, 
    red 16%, 
    orange 16%, 
    orange 32%,
    yellow 32%,
    yellow 48%,
    green 48%,
    green 63%,
    blue 63%,
    blue 78%,
    purple 78%,
    purple 93%);
    margin-bottom: 30px;
}

h1 {
    font-size: 50px;
}

header::first-letter {
    font-size: 44px;
}

header::first-line {
    color: #FF0000;
    color: rgb(255, 0, 0);
}

h2 {
    transform: rotate(-10deg);
    padding-bottom: 50px;
}

.box-1 {
    font-family: "Butterfly Kids", cursive;
    width: 300px;
    height: 20px;
    text-align: center;
    border: 10px solid blue;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
    background: lightyellow;
}

.box-2 {
    font-family: "Butterfly Kids", cursive;
    width: 300px;
    height: 20px;
    text-align: center;
    border: 10px dotted lightgreen;
    border-radius: 20px;
    padding: 10px;
    margin-left: 30px;
    background: linear-gradient(mediumslateblue, paleturquoise, plum);
}