$black:#282828;
$red:#FF4040;
$beige:#EFEEDF;

@import url(http://fonts.lug.ustc.edu.cn/css?family=Merriweather:900);

*,
*:before,
*:after {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html, body {
  width:100%;
  height:100%;
}
body {
  font-family: 'Merriweather', serif;
  font-weight:900;
  background-color:$beige;
  color:$black;
}

.Droid {
  position:relative;
  top:50%;
  text-align:center;
  transform:translateY(-50%);
  
  span {
    position:relative;
    display:inline-block;
    font-size:20rem;
    transform:rotate(-90deg);
    
    &:before, &:after {
      position:absolute;
    }
    &:before {
      content:':';
      top:1rem;
      left:5rem;
      color:$red;
      font-size:15rem;
    }
    &:after {
      content:'\002A';
      top:6.5rem;
      left:12.4rem;
      font-size:7rem;
      transform:rotate(90deg);
    }
	}
}