spinner {
    position: fixed;
    bottom  : 0px;
    right   : 0px;
    width   : 60px;
    height  : 60px;
    margin  : 12px;
}

spinner > div {
    position        : absolute;
    border          : 5px solid #63B6F6;
    border-top      : 5px solid rgba(0,0,0,0);
    border-bottom   : 5px solid rgba(0,0,0,0);
    border-radius   : 60px;
    background-color: transparent;
}

spinner > div:first-child {
    top   : 0px;
    left  : 0px;
    width : 100%;
    height: 100%;
    -webkit-animation: spin-left 1.4s infinite ease-in-out;
       -moz-animation: spin-left 1.4s infinite ease-in-out;
}

spinner > div:last-child {
    top   : 10%;
    left  : 10%;
    width : 80%;
    height: 80%;
    -webkit-animation: spin-right 1.4s infinite ease-in-out;
       -moz-animation: spin-right 1.4s infinite ease-in-out;
}