html,body {margin:0; padding:0;}
body {background-image: url("bg.jpg"); font-family: "Comic Sans MS", cursive, sans-serif;}
#caption,#points {position: absolute; top:.5rem; width: 20rem; height: 2rem;
    background: white; border: 3px solid darkseagreen; border-radius: 1rem;
    line-height: 2rem; padding: 0 1rem; font-weight: bold; font-style: italic;}
#caption {left:2rem; color:blue;}
#points {right:2rem;}
#cv {border: 8px solid mistyrose; position: absolute; left:2rem; top: 5rem; right: 2rem;
    height: 50%; overflow: hidden; background: white; border-radius: 3rem;}
#sp {position: absolute; height: 5rem; left: -20rem; top: 2rem; line-height: 5rem;
    border: 3px solid darkseagreen; border-radius: 3rem; font-size: 5rem; padding: 1rem 2rem;
    white-space: nowrap; background-color: white; }
#enter {position: absolute; bottom: 1rem; right: 1.4rem; width: 8rem; height: 5rem;
    border: 6px solid mistyrose; font-size: 5rem; border-radius: 1rem;
    outline: none; padding:0 1rem; font-family: "Comic Sans MS", cursive, sans-serif;}
.cover {margin: 0 auto; width: 50rem; height: 40rem; position: relative;}
#f1 {display: none; margin: 2rem auto 0 auto; width: 50rem; height: 30rem;
    background-image: url("f1.jpg"); background-size: 50rem 30rem;}
#desc {position: absolute; bottom:4rem; right: 13rem; height: 2rem; line-height: .5rem;
    color:green; font-style: italic;}