#ghoul {
    height: 320px;
    width: 250px;
    background-image: url(ghoul.png);
    background-size: 100% 100%;
    float: right;
}
#girl {
    height: 320px;
    width: 250px;
    background-image: url(girl.png);
    background-size: 100% 100%;
    float: right;
}
#green {
    height: 320px;
    width: 250px;
    background-image: url(green.png);
    background-size: 100% 100%;
    float: right;
   
}
#sketch {
    height: 320px;
    width: 250px;
    background-image: url(sketch.png);
    background-size: 100% 100%;
    float: right;
}


#ghoul {
    height: 320px;
    width: 250px;
    background-image: url(ghoul.png);
    background-size: 100% 100%;
    float: right;
 
}
#dog {
    height: 320px;
    width: 250px;
    background-image: url(dog.png);
    background-size: 100% 100%;
    float: right;

}
#doggie {
    height: 320px;
    width: 250px;
    background-image: url(doggie.png);
    background-size: 100% 100%;
    float: right;

}
#street {
    height: 320px;
    width: 250px;
    background-image: url(street.png);
    background-size: 100% 100%;
    float: right;

}
#panasia {
    height: 320px;
    width: 250px;
    background-image: url(panasia.png);
    background-size: 100% 100%;
    float: right;
   
}



body {
    font-family:'Courier New', Courier, monospace;
      background-color: #495c7f;

}

#wrapper { 
    background-color: #b3c7e6; 
    width: 80%;
	margin: auto;
    min-width:850px;
 
} 

nav { 
    float: left;
	width: 150px;
	padding: 15px;
} 

.name {
    font-family: 'Courier New', Courier, monospace;
    color: #506da5
}

main { 
    margin-left: 165px;
   padding-inline: 20px;
	display: block
    
} 



header{ 
    background-color: #edb12e;
    color: #1a3c7d; 
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', Verdana, sans-serif;
    font-size: 150%; 
    padding: 10px 10px 10px 50px;
    border-bottom-right-radius: 90px;
}

h1 { 
    margin: 0; 
}

h2 { 
    color: #869dc7; 
     font-family: 'Courier New', Courier, monospace;
     text-align: left;
     inline-size: 150px;
     float: left;
}

#character {
    float: left;
    inline-size: 150px;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 252px;
}

#landscape {
    float: left;
    inline-size: 150px;
    background-color: #FFFFFF;
    padding-left: 20px;
    padding-right: 252px;
    padding-bottom: 182px;
    margin-bottom: 0;
}


footer {
    font-size:70%;
    text-align: center;
    clear: right;
    padding-bottom:20px;
    padding-top: 20px;
	margin-left: 185px;
	background-color: #869dc7
}