body  {
  background-size: 250px;
  background-color: black;
  font-family:'Comic Sans MS';
  font-weight:bolder;
}

.ofcourse a p {display:none;}
.ofcourse a:hover p {display:block;}

a {
  color:red;
}

a:hover {
  color:white;
}

.tumblr {
    background:black;
    color:red;
    margin: auto;
    margin-top: 250px;
    width: 30%;
    padding:15px;
    text-align: center;
}

ul {
  background: black;
  color: red;
  margin: auto;
  width: 30%;
  padding:15px;
  text-align: center;
  list-style-position: inside;
}

.smiley {
    background:yellow;
    width:200px;
    height:200px;
    margin:auto;
    margin-top:50px;
    position:relative;
    border-radius:30%;
}

.eye {
    background:black;
    width:35px;
    height:35px;
    /* in order for this element to be positioned relative to its container, the container also needs to have a position value */
    position:absolute;
    top:50px;
    border-radius:100%;
}

.left {
    left:40px;
}

.right {
    right:40px;
}

.mouth {
    background:black;
    width:100px;
    height:30px;
    position:absolute;
    bottom:50px;
    left:50px;
    border-radius:0 0 100% 100%;
}

.blush {
    background:pink;
    width:50px;
    height:25px;
    /* in order for this element to be positioned relative to its container, the container also needs to have a position value */
    position:absolute;
    top:90px;
    left:20px;
    border-radius:100%;
}

.le {
    left:20px;
}

.ri {
    left:130px;
}