.is-pink {
    background-color: #F5C3C1;
}

.is-pink-light {
    background-color: #fbe7e6;
}

.is-handsome {
    font-family: "handsome-pro", sans-serif;
}

.is-size-huge {
    font-size: 13rem;
}

.is-size-big {
    font-size: 2.5rem;
}

.is-h-2 {
    height: 80px;
}

#items img {
    max-width: 150px;
}

.item:hover {
    -webkit-animation: item 2s 0s infinite linear normal;
}

@-webkit-keyframes item{
    0% {
        -webkit-transform:rotate(0deg);
    }
    25% {
        -webkit-transform:rotate(10deg);
    }
    50% {
        -webkit-transform:rotate(0deg);
    }
    75% {
        -webkit-transform:rotate(-10deg);
    }
    100%{
        -webkit-transform:rotate(0deg);
    }
}

.arrow-down {
    width:60px;
    height:40px;
    margin:0 0 0 -30px;
    position:absolute;
    left:50%;
    bottom:0px;
    -webkit-animation: arrow 0.5s 1s infinite ease-out alternate;
}

.arrow-down:hover{
    -webkit-animation-play-state: paused;
}
  
.left{
    position:absolute;
    height:10px;
    width:40px;
    background:white;
    -webkit-transform:rotate(240deg);
    top:10px;
    left:10px;
    -webkit-border-radius:4px;
    -webkit-transform-origin:5px 50%;
    -webkit-animation: leftArrow 0.5s 1s infinite ease-out alternate;
}
  
.right{
    position:absolute;
    height:10px;
    width:40px;
    background:white;
    -webkit-transform:rotate(-60deg);
    top:10px;
    left:10px;
    -webkit-border-radius:4px;
    -webkit-transform-origin:5px 50%;
    -webkit-animation: rightArrow 0.5s 1s infinite ease-out alternate;
}
  
  
@-webkit-keyframes arrow{
    0% {
        bottom:0px;
    }
    100%{
        bottom:110px;
    }
}
  
  
@-webkit-keyframes leftArrow{
    0% {
    }
    100%{
        -webkit-transform:rotate(225deg);
    }
}
  
@-webkit-keyframes rightArrow{
    0% {
    }
    100%{
        -webkit-transform:rotate(-45deg);
    }
}