body
{min-height: 100vh}
.banner{
    display: block;
    width: 60vw;
    margin: auto;
}
.liwide{
    width: 60vw;
    margin:auto ;
    color: white;
    line-height: 3rem;

    text-decoration: none;
    list-style: none;
}
.normBier:after{
    content: '€ 1,5';
}
.zwaarBier:after{

    content: '€ 2,5';

}
.momentBier:after{

    content: '€ 2,5';

}
.lileft{
    width: 60%;
    float: left;
    font-size: 3rem;

}
.licenter{
    width: 100%;
    text-align: center;
    font-size: 3rem;

}
.liright{
    position: relative;
    left: 18%;
    width: 30%;
    float: right;
    font-size: 3rem;

}

.clear{
    clear: both;
}
.payc{
    background-color: #fd4783;
    height: 40vw;
    width: 40vw;
    border-radius: 4em;

}
.qrpc{
    border-radius: 1em;
    display: block;
    width :60%;
    margin: auto;
    margin-top: 5%;
}
.logopc{
    width:30%;
    display: block;
    margin-top: 20%;
    margin: auto;

}
.rad-grad {

    background: rgb(40, 18, 55) center top fixed;
    background: linear-gradient(45deg, rgb(118, 54, 164) 29%, rgb(211, 93, 28) 50%, rgb(143, 89, 203) 74%);
}
.animgrad {
    background: linear-gradient(45deg, rgb(0, 162, 132) 0%,rgb(100, 0, 162) 29%,rgba(40, 18, 55, 1) 45%, rgb(110, 47, 13) 50%, rgba(68, 42, 97, 1) 55%,rgb(52, 12, 89)  74%, rgb(1, 14, 155) 100%);

    background-size: 600% 600%;

    -webkit-animation: AnimationName 25s ease infinite;
    -moz-animation: AnimationName 25s ease infinite;
    animation: AnimationName 25s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:9% 0%}
    50%{background-position:60% 100%}
    100%{background-position:9% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:9% 0%}
    50%{background-position:60% 100%}
    100%{background-position:9% 0%}
}
@keyframes AnimationName {
    0%{background-position:9% 0%}
    50%{background-position:60% 100%}
    100%{background-position:9% 0%}
}