@font-face {
    font-family: ls;
    src: url(fonts/LifeSavers-Regular.ttf);
}
@font-face {
    font-family: ls-b;
    src: url(fonts/LifeSavers-Bold.ttf);
}
@font-face {
    font-family: ls-eb;
    src: url(fonts/LifeSavers-ExtraBold.ttf);
}
@font-face {
    font-family: xmas;
    src: url(fonts/MountainsofChristmas-Regular.ttf);
}
@font-face {
    font-family: xmas-b;
    src: url(fonts/MountainsofChristmas-Bold.ttf);
}
@font-face {
    font-family: griffy;
    src: url(Griffy-Regular.ttf);
}

html {
    margin: 2;
    background-color: midnightblue;
    background-image: url('images/ss114.gif');
    font-family: ls-b;
    font-size: 18px;
    color: rebeccapurple;
}

nav {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-family: ls-eb;
}

a:link{color:mediumpurple}
a:visited{color:mediumpurple}

marquee {

    font-family: xmas-b;
    font-size: 32px;
    padding: 5px;

}

h1 {
    color: firebrick;
    font-size: 48px;
    font-family: nosifer;
    margin: 10px;
}

h2 {

    font-family: comic-bold;
    color: seagreen;
    text-align: center;
    font-size: 22px;
}
img {

    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;

}

#container {
    border: 2px dashed rebeccapurple;
    margin: auto;
    background-color: lavender;
    width: 60%;
    height: 90%;
    overflow-y: auto;
    overflow-wrap: anywhere;
    
}

#container > p {

    margin-left: 25px;
    margin-right: 25px;

}