html {
height: 100%;
}
body {
background: #010101;
text-align: justify;
margin: 0;
font-family: 'Roboto Slab', serif;
font-size: 13.5px;
line-height:23px;
color:#abaa92;
height: 100%;
text-shadow: 1px 1px #000;
}
#otsikkokuva {
height:435px;
width: 1000px;
overflow:auto;
background:url(deltakuva.png) no-repeat;
background-size: 100%;
margin: 0 auto;
}
#sisalto {
background-image: url('ylatausta2.png');
background-position: center top;
background-repeat: no-repeat;
width: 1000px;
margin: 0 auto;
margin-top: -120px;
overflow: hidden;
}
#teksti{
width: 900px;
margin: 0 auto;
margin-top: 100px;
}
.perustiedot {
text-align:left;
color:#abaa92;
font-size: 16px;
border-collapse:collapse;
vertical-align:middle;
border-top:2px solid #8f7f64;
border-bottom:2px solid #8f7f64;
width:100%;
box-shadow: 0 0 4px #33251b;
margin-bottom: 0;
}
.perustiedot td {
border-bottom:1px solid #4f4b35;
padding:5px 4px;
padding-left: 20px;
}
.perustiedot tr {
background-color:rgba(49,17,13,0.7);
transition: all 900ms ease;
}
.perustiedot tr:hover {
background-color:rgba(77,70,57,0.9);
transition: all 900ms ease;
}
.kys {
padding:1px 7px;
font-weight: bold;
width:20%;
}
.vast {
padding:4px 8px;
width:30%;
}
#kuvat {
text-align:center;
width:100%;
margin:0px 0 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.kehyksethevo{
margin: 8px;
margin-bottom: 0px;
border: 2px solid #8f7f64;
box-shadow: 1px 1px 6px #231810;
height:180px;
width:270px;
}
a {
text-decoration: none;
color:#dccc94;
transition: all 900ms ease;
}
a:hover {
text-decoration: none;
color:#f9f9f9;
transition: all 900ms ease;
cursor:pointer;
}
h1 {
color:#cec29d;
font-weight:normal;
font-size:27px;
font-family: 'Tangerine', cursive;
text-align: center;
}