body {
    background-color: pink;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

h1 {
    text-align:center;
    text-decoration:bold; 
    /* font-size: 30px;  */
    color: rgb(255, 227, 67);
    /* text-shadow: 2px 2px 0px rgb(104, 51, 92);
    text-shadow: 4px 4px 0px rgb(218, 91, 127); */
}

h1:hover {
    text-decoration: underline;
    color:#FFFFFF; 
    text-align:center;
}

h2{
    text-align:center;
    text-decoration:bold; 
    /* font-size: 20px;  */
    color: rgb(255, 227, 67);
    /* text-shadow: 2px 2px 0px rgb(104, 51, 92);
    text-shadow: 4px 4px 0px rgb(218, 91, 127);    */
}

h2:hover {
    text-decoration: underline;
    color:#FFFFFF; 
    text-align:center;
}

a {
    text-decoration:none;
    /* font-size: 15px;  */
    color:orange;
}

p{
    color:beige; 
    /* font-size: 15px;  */
}

.assignment {
    background-color:palevioletred; 
    display:block;
    padding: 30 px; 
    margin: 30 px;
    box-shadow: 8px 8px #fcccaf;
    border-radius:3px;
}

.assignment img {
    width:200px;
    margin:10px;
    border:3px solid #8a3f3f;
}

.assignment img:hover {
    width:200px;
    margin:10px;
    border: 3 px dashed #ffffff; 
}