body,html{height:100%;overflow:hidden;font-family:Lato,sans-serif;background-color:#fffdd0}.sans-serif{font-family:Lato,sans-serif}.serif{font-family:'Playfair Display',serif}.balls{width:4em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.balls div{width:.8em;height:.8em;border-radius:50%;background-color:#fc2f70}.balls div:nth-of-type(1){-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation:.5s linear infinite alternate left-swing;animation:.5s linear infinite alternate left-swing}.balls div:nth-of-type(3){-webkit-transform:translateX(-95%);transform:translateX(-95%);-webkit-animation:.5s linear infinite alternate right-swing;animation:.5s linear infinite alternate right-swing}@-webkit-keyframes left-swing{100%,50%{-webkit-transform:translateX(95%);transform:translateX(95%)}}@keyframes left-swing{100%,50%{-webkit-transform:translateX(95%);transform:translateX(95%)}}@-webkit-keyframes right-swing{50%{-webkit-transform:translateX(-95%);transform:translateX(-95%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes right-swing{50%{-webkit-transform:translateX(-95%);transform:translateX(-95%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.map-marker{background-color:red;width:8px;height:8px;border-radius:50%;cursor:pointer}