/* test CSS rules */
* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}
/* controls the body of my webpage */
body {
    background-image: linear-gradient(rgb(0, 247, 255), rgb(53, 255, 137), blue);
    font-family: 'Oswald', sans-serif;
    
}

/* controls my h1 headers */
h1 {
    font-family: 'Permanent Marker', cursive;
    margin: 40px;
    text-align: center;
}

h2 {
    background-color: mediumspringgreen;
    border-bottom: 20px solid red;
    text-align: center;
}
/* adjacent selector */
h1 + p {
    text-align: center;
    color: rgb(199, 39, 199);
    margin-top: -40px;
}

header {
    background-image: linear-gradient(rgb(255, 153, 0), rgb(255, 0, 0));
}
p {
    margin: 15px 50px;
}

ul li {
    margin-left: 40px;
    color:darkblue;
    text-shadow: 3px 3px 3px #222;
}

nav a {
    color: blueviolet;
}

.special-alert {
    background-color: black;
    color:lightsalmon;
    font-weight: bolder;
    box-shadow: 0px 0px 4px #222;
    margin: 20px;
}