@font-face {
    font-family: 'grow_year';
    src: url('../fonts/grow_year/Grow\ Year.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}






body {
    background: url(../images/mcwp3.jpg) fixed;
    background-size: cover;
    background-color: black;
    font-family:'Courier New', Courier, monospace
}
.pageContainer{
    width: 800px;
    float:left;
    padding:1px;

}
h3{
    font-family:'grow_year', Courier;
}
.header{
    width:98,5%;
    background-color: yellowgreen;
    margin:5px;
    font-family:'grow_year', Courier;
    font-size:large;
    text-align:center;
    border: solid brown;
}
.main{
    float:left;
    width:585px;
    background-color: rgb(154,205,50,0.7);
    border:solid brown;
    margin:5px;
    height:820px;
    overflow-x:none;
    overflow-y:scroll;
    scrollbar-color: yellowgreen brown;
    padding:8px;
}
.treasures{
    float:right;
    width: calc(100% - 625px);
    margin-top:5px;
    margin-right:5px;
    margin-bottom:5px;
    margin-left:0px;
}
a:link, a:visited {
    color:white;
    background-color: none;
    text-decoration:none;
}
a:hover{
    color:forestgreen;
    background-color:none;
    text-decoration:none;
}
.pictureframe{
    margin:8px;
    float:right;
    width:50%;
    padding:5px;
}