body {
    background-color: #513f33;
    background-image: url(https://de7ps54rd7sof.cloudfront.net/typo3conf/ext/bolius_embedded/Resources/Public/Projects/jk2019/asseets/img/julekalender_baggrund.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.container {
    margin-top: -56px;
}

.navbar {
    border-radius: 0 0 20px 20px;
}

.pulsate {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.5;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.5;
    }
}

.current-player {
    border: 3px red solid !important;
}

.player {
    width: 100%;
    padding: 25px;
    background-color: #ffffff;
    border-radius: 2000px;
    border: 3px red dashed;
}