@font-face {
  font-family: "tipo";
  src: url("Dosis.ttf") format("truetype");
}
body {
  background-color: rgb(240,240,255);
  padding: 1em;
  max-width: 600px;
  margin: auto;
}
#civiencia {
  display: inline-block;
  font-weight: bold;
}
#enhavo {
  width: 100%;
}
#piedo {
  text-align: right;
  background-color: rgba(255,191,0,.7);
  color: rgb(100,0,0);
  padding: 0 1em .6em 0;
  font-family: tipo;
  font-size: 1.2em;
}
#portada {
  width: 100%;
}
#sago {
  height: 1.5em;
  position: relative;
  top: .5em; left: .5em;
  cursor: pointer;
}
#sago:hover {
  transform: translateX(.3em);
  transition: all .5s;
}