/* Empty. Add your own CSS if you like 
.scroll-content{
    background: url("../img/background.svg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

}
*/

.scroll-content {


background: url("../img/background.svg");
-webkit-animation: backgroundScroll 50s linear infinite;
 -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
animation: backgroundScroll 50s linear infinite;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2000px 0;}
}
     
 .myborder{
    display: inline-block;
    border-radius: 6px;
    color: black;
    border-style: solid;
    border-color:black;
    border-width: 2px;
 }

.myborder:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.mentorborder {
  position:fixed;
  bottom:0;
  left:0;  
  width: 256px;
  height: 256px;
  overflow: hidden;
}

.mentor {
  width: 256px;
  height: 2560px;
  background:  url('../img/mentor.png') left center;
  -webkit-animation: mentorsprite 4.5s steps(10) infinite;
}

@-webkit-keyframes mentorsprite {
    100% { background-position: 0 -2560px; }
}


.mentorborderbravo {
  position:fixed;
  bottom:0;
  right:0;  
  width: 256px;
  height: 256px;
  overflow: hidden;
}

.mentorbravo {
  width: 256px;
  height: 1024px;
  background:  url('../img/mentor_bravo.png') left center;
  -webkit-animation: mentorspritebravo 2.5s steps(4) infinite;
}

@-webkit-keyframes mentorspritebravo {
    100% { background-position: 0 -1024px; }
}