body{
    font-family: 'Open Sans', sans-serif;
}

h1{
    margin: 30px 0 30px;
    font-size: 32px;
    font-weight: 600;
}
.navbar{
    justify-content: flex-start;
}
.navbar-brand{
    margin: 0 15px;
}
.navbar-nav{
    padding-top: 0.5rem;
}
.modal-title{
    font-size: 24px;
    margin-bottom: 0;
}

.modal-dialog {
    max-width: 700px;
}

.results .card-body .badge-success {
    position: absolute;
    top: 10px;
    right: 10px;
}

.results .card-body .your-game .badge-light {
    position: absolute;
    right: 10px;
    margin-top: 8px;
}

.win .number,
.number.win {
    opacity: 100%;
}

.number {
    opacity: 50%;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.57143em;
    font-weight: 600;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    margin: 0;
    padding: 3px;
}

.your-game .number {
    height: 27px;
    width: 27px;
    padding: 0;
    font-size: 1em;
}

.number.Loto {
    background-color: #38A8E5;
}
.number.special.Loto {
    background-color: #EA3946;
}

.number.EuroMillions {
    background-color: #243F85;
}
.number.special.EuroMillions {
    background-color: #EEBB04;
}