body{
background-image: url(img/temple.jpg);
background-size: 100%;
}

#bodycontainer{
width: 100%;
float: center; 
}


@font-face {                  
font-family: 'UFO!';
src: url(https://humantooth.neocities.org/fonts/UFO!-Mono.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'FT88-Italic';
src: url(https://humantooth.neocities.org/fonts/FT88-Italic.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {                  
font-family: 'Canarina';
src: url(https://humantooth.neocities.org/fonts/Canarina.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

.headerbox{
background-image: url(img/textbox.png);
width: 604px;
height: 134px;
transform: translate(-15px, -10px);
padding: 55px 0px 0px 100px;
margin: auto;

}

.header{
    width: 554px;
    color: #043b34;
    text-shadow: 1px 1px 0px #9cbba8, -1px 1px 0px #9cbba8, -1px -1px 0px #9cbba8, 1px -1px 0px #9cbba8;
}

h1 {
font-family: 'UFO!';
font-size: 36px;
line-height: 41px;
}

.ft88{
    font-family: 'FT88-Italic';
    font-size: 20px;
}

.rightalign {
    float: right;
    padding-right: 50px;
}

.subheader {
    padding: 20px 20px 10px 0px;
    text-align: center;
    width: 500px;
    margin: auto;
    color: #c8dac2;
    text-shadow: 1px 1px 0px #043b34, -1px 1px 0px #043b34, -1px -1px 0px #043b34, 1px -1px 0px #043b34;
}

.wiistamp {
    float:left;
    padding: 15px 0px 0px 0px;
    width: 75px;
    margin-left: 20px;
}

.nintendostamp {
    float: right;
    padding: 15px 0px 0px 0px;
    width: 75px;
    margin-right: 20px;
}

.vine {
    width: 510px;
    opacity: 75%;
    float: center;
    transform: translate(-10px, 0px);
}

.outline {
     text-shadow: 1px 1px 0px #9cbba8, -1px 1px 0px #9cbba8, -1px -1px 0px #9cbba8, 1px -1px 0px #9cbba8;
}

@font-face {                  
font-family: 'DepartureMono';
src: url(https://humantooth.neocities.org/fonts/DepartureMono.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'unixel';
src: url(https://humantooth.neocities.org/fonts/unixel-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 



p{
    font-family: 'unixel';
    font-size: 15px;
    
}

.ray{
    margin-top: -11px;
    margin-left: 115px;
    margin-bottom: -5px;
    font-size: 20px;
    text-shadow: 1px 1px 0px #507e5a, -1px 1px 0px #507e5a, -1px -1px 0px #507e5a, 1px -1px 0px #507e5a;
}
.pbg{
    background-color: #c8dac2;
    padding: 20px;
    color: #043b34;
    border: 4px solid #8bac9f
}
.board1{
border: 4px solid #043b34;

background-image: url(img/stoneugly.jpg);
background-size: 50%;
background-repeat: repeat;
width: 41%;
margin: auto; 
padding: 20px;
}

.board2
{
border: 4px solid #043b34;
background-image: url(img/stoneugly.jpg);
background-size: 50%;
background-repeat: repeat;
width: 41%;
padding: 20px;
margin: auto;
}


.gallery{
    overflow: scroll;
    background-color: #c8dac2;
    padding: 20px;
    color: #043b34;
    border: 4px solid #8bac9f;
    width: 41%;
    margin: auto;
    height: 300px;
}

.galleryimg {
    width: 500px;
}

.galleryimg2 {
    height: 200px;
}

.funpng {
    width: 100px;
    float: right;
    
}