body{
background-image: url("bg.gif");
background-color: white;
background-repeat: no-repeat;
background-attachment: fixed; 
background-size: 100% 100%;
font-family:"MS Gothic", monospace;

}
#sign{
height:auto;
width:auto;
display:block;
margin:auto;

}
#motd{
text-align:center;
}
#aotd{
height:20%;
width:20%;
display:block;
margin:auto;
  border: 10px solid transparent;
  padding: 0px;
  border-image: url("border1.png") 15 round;
    
}

#aotd:hover{
    animation: hoveranim 0.5s forwards; 

}


h1{
font-size:100px;
font-family: "Roman Mono","Times New Roman", serif;

}
#Bulletin_title{
text-decoration: underline;
text-decoration-thickness:3px;
}
.bulletin-content{
  text-align: justify;
  text-justify: inter-word;
  margin-right:40%;
}

.bulletin-content {
    margin: 0 auto;
    width:100%
}

.bulletin-content .column {
    float: left;
    margin: 10px;
    width: 33%;
}
.post{
  float:left

}
#commissions{
font-size:20px;
left:5%;
top:30%;
display:block;
position:absolute;
padding:10px;
border: 8px dashed black;
color:black;
text-emphasis: double-circle black;
text-decoration:none
}
#commissions:hover{
border: 9px dashed black;
left:4.9%;
}

#my{
font-size:20px;
left:2%;
top:40%;
display:block;
position:absolute;
padding:10px;
color:black;
text-emphasis: "x" black;
text-decoration:none
}
#my:hover{
text-decoration:underline
}

#diary{
font-size:50px;
right:20%;
top:40%;
display:block;
position:absolute;
padding:10px;
color:black;
text-emphasis: "#" black;
text-decoration:none

}
#diary:hover{

transform: scaleY(1.1);

}




#jestar{

width:40%

}


@keyframes hoveranim{
  0% {
    width: 25%;
  }
  100% {
    width: 27%;
  }

}