body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

a {
    font-weight: bold;
    color: #111;
    text-decoration: none;
}

#logo {
    width: 200px;
    height: 200px;
}

.centred {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#bgCircle {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgb(119, 119, 119);
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(119, 119, 119, 0.4);
        box-shadow: 0 0 0 0 rgba(119, 119, 119, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 50px rgba(119, 119, 119, 0);
        box-shadow: 0 0 0 50px rgba(119, 119, 119, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(119, 119, 119, 0);
        box-shadow: 0 0 0 0 rgba(119, 119, 119, 0);
    }
}

@-webkit-keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(119, 119, 119, 0.4);
        box-shadow: 0 0 0 0 rgba(119, 119, 119, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 50px rgba(119, 119, 119, 0);
        box-shadow: 0 0 0 50px rgba(119, 119, 119, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(119, 119, 119, 0);
        box-shadow: 0 0 0 0 rgba(119, 119, 119, 0);
    }
}