$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;
}

.Bot {
  position:relative;
  top:50%;
  text-align:center;
  transform:translateY(-50%);
  
  &:after {
    content:'=';
    display:block;
    width:0;
    margin:-17rem auto 0 auto;
    font-size:17rem;
    transform:translateX(-1.5rem) rotate(90deg);
  }
  
  span {
    position:relative;
    display:inline-block;
    font-size:17rem;
    letter-spacing:1rem;
    transform:rotate(45deg);
    
    &:before {
      content:'.';
      position:absolute;
      top:1.7rem;
      left:4.1rem;
      font-size:10rem;
      color:$red;
    }
	}
}