style.css

h1 {
    font: 600 3.5em 'Aladin', cursive;
    text-align: center;
    letter-spacing: 0.25em;
}

h2 {
    font: 400 1.5em 'Zilla Slab Highlight', cursive;
    text-align: center;
    letter-spacing: 0em;
}

body {
    text-align: center;
    background: linear-gradient(90deg, rgb(21, 213, 239), rgb(234, 77, 177));
}

.color1 {
    background-color: transparent;
    border: 0px;
}

.color2 {
    background-color: transparent;
    border: 0px;
}

h3 {
    font: 600 1.4em 'Aladin', cursive;
    text-transform: lowercase;
}

.btn {
    font: 800 1.3em 'Aladin', cursive;
    letter-spacing: 0.09em;
    border-radius: 50px;
    border-color: black;
    background-color: transparent;
    text-transform: uppercase;
    color: black;
    padding: 10px;
}

.btn:hover {
    cursor: pointer;
    background-color: black;
    color: whitesmoke;
    border-color: transparent;
}