body {
    text-align: center;
    background-image: url('giphy.gif');

}

#orb {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url('clock.jpg');
    background-size:cover;
    width: 50vh;
    height:50vh;
    border-radius: 50%;
    padding: 10px;
    position: relative;
    animation-name: floater;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    box-shadow:  3px 3px 10px 1px white;
}

#result {
    padding: 2vh;
    color: white;
}

#namehere {
    text-align: center;
    margin: 10px;

}

button {
    background-color: antiquewhite;
}

@keyframes floater{
    0% {bottom: 0px;}
    30% { bottom: 10px;}
    50% {bottom:15px;}
    
    100% {bottom: 0px;}
}