/* Demo Settings */

 
 

 
 

  

.mid { margin: 60px 170px; }

#content { padding-top: 50px; }

.img {
  width: 80px;
  height: 80px;
}

.imgTop {
  width: 50px;
  height: 50px;
}

::selection { background: skyblue; }
::-moz-selection {
 background: skyblue;
}

/* Button Settings */

button {
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  padding: 14px 30px;
  background: none;
  font-family: 'Open Sans', helvetica, sans-serif;
  font-size: 25px;
  font-weight: 400;
  margin-left: 35px;
  transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
}

button:hover {
  border: 3px solid #fff;
  color: lightskyblue;
  background: #fff;
}

button:hover a { color: lightskyblue; }

/* Plugin Settings */

ul.scroller {
  position: fixed;
  z-index:9999;
  top: 5%;
  right: 10px;
  list-style-type: none;
  padding: 0;
}

ul.speeds {
  padding-left: 0;
  display: none;
  list-style-type: none;
}

ul.scroller li {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  margin-right: 10%;
}

ul.scroller li:hover {
  background: rgba(255,255,255,0.4);
  cursor: pointer;
  border-radius: 20px;
  margin-right: 10%;
}

.scroller li {
  padding: 5px;
  color: black;
  position: relative;
}

.appear { display: block; }

.posts {
  width: 50%;
  margin: 0 auto;
  min-width:728px;
}

/*
The png's were made by: 
      https://thenounproject.com/catalarem/ - Rémy Médard
      https://thenounproject.com/pjsmits/ - Pieter J. Smits
*/