body {
  background-color: #313BC7;
}
h1 {
    color: #161f6d;
    font-family: "Inter", serif;
}

h2 {
    color: #161f6d;
    font-family: "Inter", serif;
}

h3{
    color: #161f6d;
    font-family: "Inter", serif;
}

h4{
        color: #161f6d;
    font-family: "Inter", serif;
}

p{
    color: #161f6d
}

.cat-container{
    display: flex;
    gap: 5px;
}

.cat{
    background-color: #3185C7 ;
    border-color: #31C7BD;
    border-style: solid;
    border-radius: 10px;
    flex: 1;
    min-width: 0;
}

.samen{
    border-style: solid;
    border-radius: 10px;
}

.manga{
    background-color: #31C7BD;
    border-color: #31C772;
    border-radius: 11px;

    color:         #ffffff;
    display:       inline-block;
    text-align:    center;
}

.dnd{
    background-color: #31C7BD;
    border-color: #31C772;
    border-radius: 11px;

    color:         #ffffff;
    display:       inline-block;
    text-align:    center;
}

.gundam{
    background-color: #31C7BD;
    border-color: #31C772;
    border-radius: 11px;

    color:         #ffffff;
    display:       inline-block;
    text-align:    center;
}

.muziek{
    background-color: #31C7BD;
    border-color: #31C772;
    border-radius: 11px;

    color:         #ffffff;
    display:       inline-block;
    text-align:    center;
}

.other{
    background-color: #31C7BD;
    border-color: #31C772;
    border-radius: 11px;
    color:         #ffffff;
    display:       inline-block;
    text-align:    center;
}