.terug:hover{
    border: 3px solid #28A745;
    border-radius: 2px;
    background-color: transparent;
    color: #28A745;
    text-decoration-line: none;
}
.terug:active{
    background-color: #28A745;
    color: white;
}
.terug{
    border: 3px solid #28A745;
    background-color: #28A745;
    color: white;
    border-radius: 8px;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.detail{
    border: 3px solid #007BFF;
    background-color: #007BFF;
    color: white;
    border-radius: 8px;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.detail:hover{
    border: 3px solid #007BFF;
    border-radius: 2px;
    background-color: transparent;
    color: #007BFF;
    text-decoration-line: none;
}

.detail:active{
    background-color: #007BFF;
    color: white;
}
body{
    background: url(https://scoutssintlucas.be/assets/images/patterns/payview.jpg);
}

.container{
    background-color: rgba(250,250,250,0.97);
    border-radius: 2%;
    border-left: #007BFF solid 3px;
    border-right: #007BFF solid 3px;
    border-bottom: #007BFF solid 3px;
}

h1, h2{
    text-align: center;
    font-variant: small-caps;
}

.box{
    padding: 20px;
    margin: 10px;
    background-color: rgba(252,252,252,0.9);
    border: #009926 2px solid;
}

.card-deck{
    margin-bottom: 10px;
}

.box .btn
{
   margin: 2px; 
}