body{
height: 100%;
background-image: url(pinksparkle.gif);
background-repeat: no-repeat;
background-position: center;
background-attachment:fixed;
background-size: cover;
letter-spacing:1px;
font-family:calibri, arial;
font-size:10px;
line-height:11px;
color:#f9caca;
letter-spacing:1px;
}

#header1 {

width: 100%;
}

#header2 {
width: 100%;
height: 60px;
line-height:60px;
background:transparent;
}
  

#box{
  justify-content: center;
  align-content: center;
  position: absolute;
  top:40%;
  bottom: 50%;
  left: 25%;
  right: 25%;
}



.sitename a { 
  color: antiquewhite;
  text-transform:uppercase;
  letter-spacing:5px;
  background-color:transparent;
  height:20px;
  line-height:26px;
  font:44px 'doto';
  border-bottom:4px dotted antiquewhite;
  padding-bottom:4px;
  text-decoration: none;
text-align: center;
}
.sitename a:hover {color:purple;
}

#navigation {
display:flex;
flex-wrap: wrap;

width:100%;
height:100%;
text-align:center;
justify-content: center;
align-content: center;
padding: 15px;
}

.navi a { 
width: 100%;
height: 100px;
background: #a65c7f; 
font:normal 10px 'silkscreen',arial;
line-height:15px;
text-transform:uppercase;
padding-top:1px; 
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-bottom:10px;
letter-spacing:1px;
color:#fff;
border-radius:5px;
border:1px solid #f6cbe0;
text-decoration: none;
align-content: center;
}

.navi a:hover {
color:#A38985;
}

#box{
  justify-content: center;
  align-content: center;
  position: absolute;
  top:40%;
  bottom: 50%;
  left: 25%;
  right: 25%;
}