@font-face {
    font-family: HolliesMarker;
    src:url(/fonts/HolliesMarker-Regular.otf)
}
#vvlogo {
    height: 10rem;
}
.headerbox {
    display: flex;
    justify-content: center;
}
p {
    font-family: HolliesMarker;
}
.navigationbox {
    display: flex;
    justify-content: center;
    font-family: HolliesMarker ;
}
a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: #675836;
    text-decoration: none;
    font-size: 2rem;
}
.nbutton {
    border: 0.2rem dashed #675836;
    border-radius: 3rem; 
    padding: 0.3rem 0.7rem 0.3rem 0.7rem;
    margin: 0.5rem 1rem 0.5rem 1rem;
    transition: 0.5s;
    white-space: nowrap; 
}
.nbutton:hover{
    border: 0.2rem dashed #ff32b7;
    color: #ff32b7;
}
.cardbox {
    display: flex;
    padding-top: 1rem;
    justify-content:center ;
    flex-wrap: wrap;
}
.card{
    width: 20rem;
    padding-bottom: 2rem;
    filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.2));
    transition: 0.5s;
}
.card:hover{
    width: 21rem;
    color:#ff32b7;
}
h1{
    color: #675836;
    font-family: HolliesMarker ;
    position: center;
}
.temporarytext {
    display: flex;
    justify-content: center;
}