.center{
  position:absolute;
  width:700px;
  height:600px;
  top:50%;
  left:50%;
  margin-left:-350px;
  margin-top:-250px;  

}
.modalmask {
  position: fixed;
  font-family: Arial, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition:opacity 400ms ease-in;
  -moz-transition:opacity 400ms ease-in;
  transition:opacity 400ms ease-in;
  pointer-events:none;
}
.modalmask:target {
  opacity:1;
  pointer-events: auto;
}
.modalbox{
  width:830px;
  position:relative;
  background:#fff;
  border-radius:3px;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
  padding-bottom:2em;

}

.movedown {
  margin: 0 auto;
}
.rotate {
  margin: 10% auto;
  -webkit-transform: scale(-5,-5); 
  transform: scale(-5,-5);
}
.resize {
  margin: 10% auto;
  width:0;
  height:0;

}
.modalmask:target .movedown{    
  margin:10% auto;
}
.modalmask:target .rotate{    
  transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
}

.modalmask:target .resize{
  width:400px;
  height:200px;
}

.close{
  position:absolute;
    float:right;
    right:5;
    margin-top:0.5em;
}