@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Orbitron);
@import url('https://fonts.googleapis.com/css?family=Chathura:100');

/*  Reset CSS  */
* { margin:0;  padding:0;}
ol,ul { list-style: none; }
a { outline:0; text-decoration:none; color:#555; }
img { border:0;}
body {font-family:orbitron;}

#bg {position: fixed; top: 0; left: 0;width: 100%; height: 100%; background: #898;
    z-index: 1;}
#wrap {position: fixed; width: 94%; height: 90%; left: 50%; top: 5%; z-index:2;
      margin-left: -47%; background: #fff; background-size:cover; background: beige;}
h1 {font-size: 15px; position: fixed; top:60px; left: 70px; z-index: 3;
    letter-spacing: 5px; color:}
figure {position: fixed; top: 200px; left: 170px; font-size: 30px; z-index: 3;
      text-align: right;}
figure p {font-size: 60px; margin-top:50px;}
nav {position: fixed; width: 100%; background: rgba(0,0,0,0.7); bottom: 250px;
    z-index: 3;}
nav ul {position: relative; left:50%; margin-left: -220px;}
nav ul li {float: left; margin-left:30px; letter-spacing: 2px;}
nav ul li a {color:#fff; display: inline-block; transition:all 0.5s;}
nav ul li:hover a {transform:scale(1.1); color:red;}
nav ul li.on a {transform:scale(1.1); color:red;}

#wrap.SPRING {background: beige;}
#wrap.SUMMER {background: cornflowerblue;}
#wrap.FALL {background: #cF7926;}
#wrap.WINTER {background: lightgray;}

#bg.SPRING {background: #898;}
#bg.SUMMER {background: #ccc;}
#bg.FALL {background: #c02E1F;}
#bg.WINTER {background: #cfc;}