body {
    background: linear-gradient(to bottom left, rgb(174, 27, 247, .6), 25%, rgba(244, 86, 255, 0.7), 50%, rgb(255, 153, 202, .5), 85%, rgb(255, 40, 126, .3)),
    radial-gradient(rgb(255, 255, 255), rgb(214, 237, 255), rgb(172, 216, 255), rgb(57, 129, 253));
    background-repeat: no-repeat;
    padding-bottom: 70px;
}

h1 {
    font-size: 50px;
}

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

header::first-line {
    color: rgba(228, 11, 11, 0.985);
}

h2 {
    transform: rotate(10deg);
    display: inline-block;
}

div {
    border-radius: 40px;
    text-align: center;
    font-family: "Chela One", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
    padding-bottom: 15px;
    margin-right: 30%;
    margin-left: 30%;
}

#box1 {
    background-color: #AEC27C;
    border: 20px groove #0E1EC6;
    margin-bottom: 35px;
}

#box2 {
    background: linear-gradient(#4D4A39, #E5332F);
    border: 20px dashed #0E1EC6;
    background-clip: padding-box;
    color: white;
    text-shadow: 4px 4px #898B83;
}