* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


html {
}

body {

    color: #eee;
    font-family: 'FiraSans', 'Lucida Grande', Arial, sans-serif;
    background-color: #66B718;
    background-image: url("images/bg_farm.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: 110%; 
    overflow: hidden;
}


a:focus
{
    outline: 0;
}

h3 {
  font-size: 1.9rem;
}

img {
    border: none;
}

p {
    margin: 0;
    padding: 0;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;

}

#animals li {
    display: inline;
}

#animals img {
    width: 38%;
    margin: 5%
}

#js-data-motion {
    display: none;
    padding: 0.5rem;
    font-size: 1.4rem;
}

.animal-image {
    display: block;
    margin: 4% 2%;
}


/* ----- smartphone arrow animation ----- */

#smartphone {
    text-align: right;
}

#smartphone img {
    margin-top: 10px;
    margin-right: 10px;
    width: 30px;
}

.inclinate {
    -moz-animation-duration: 1.5s;
    -moz-animation-name: inclinate;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
}

@keyframes inclinate {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(-180deg);
  }
}