body {
    background-color:#F2E2EF;
    background-image:url("resources/backgrounds/cloudysky.gif");
        font-family:monospace;
    color:black;
}
h1 {
    color: #723165;
    text-align: center;
}
h2 {
    color: #CE8DC1;
}
footer {
    text-align: center;
    border-top: 2pt solid #CE8DC1;
    padding: 5pt;
}

/* unvisited link */
a:link {
  color: #B34D6D;
}
    /*chloe's experiment to center images UPDATE: it worked!! */
            .center {
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 50%;
            }
            /*chloe's cursor experiment */
            body {
    cursor: url("resources/cursor/cursorstar.gif"), auto;
}
.box {
    border-style:dashed;
    border-color:#CE8DC1;
    border-width: 1pt;
    padding:5pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
     border-radius: 10px;
}

.content {
    display: block;
    justify-content: center;
    background-color: #F2E2EF;
    border: solid 2pt;
    border-color: #CE8DC1;
    padding: 1rem;
    margin: auto;
    text-align: justify;
    max-width: 1024px;
    border-radius: 10px;
    margin-bottom: 5pt;
}

.menu {
     max-width: 1024px;
    margin: 15px auto;
    border-style:dashed;
    border-color:#CE8DC1;
    border-width: 1pt;
    text-align: center;
    background-color: rgba(242, 226, 239, 0.7);
     border-radius: 10px;
}

.menu li {
    display: inline-block;
    width: 100px;
    padding: 5px;
    margin: 0;
}