#head img {width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    filter: blur(5px);
    z-index: -1000;
    opacity: 0.75;
    margin: 0px;}

#head p {text-align: center;
    position: relative;
    bottom: 225px;    
    font-size: 100px;
    color: black;
    font-family: 'Itim', cursive;
    margin: 0px;}

#toc {padding: 20px;
    background-color: white;
    margin-top: -8rem;
    border: 25px;
    border-radius: 25px}

#toc a {display: block;
    width: 100%;
    text-align: left;
    color: black;
    text-decoration:none;
    margin: 1rem;
    font-family: 'Open Sans', sans-serif;}

.title {font-family: 'Raleway', sans-serif;
    margin-left: 10px;}

#explain {background-color: blanchedalmond;
    padding: 20px;
    border-radius: 25px}

#history {padding:20px;
    background-color: white;
    border-radius: 25px}

#history a {font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
    font-size: 8px;
    position: relative;
    bottom: 20px;}

#instruct {background-color: blanchedalmond;
    padding: 20px;
    border-radius: 25px}

#favorite {padding: 20px;
    background-color: white;
    border-radius: 25px}

.m {margin-left: 10px;
    font-family: 'Open Sans', sans-serif;}

.m1 {margin-left: 30px;
    margin-bottom: 1rem;
    color: black;}

.red {color: red}

.gap {margin: 30px;}