body {
    background: #eb5615;
    gap: 15px;


}

@font-face{
  font-family: "Bricolage";
  src: url("font/bricolage.woff2") format("woff2 supports variations"),
    url("font/bricolage.woff2") format("woff2-variations");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.bricolage {
  font-variation-settings: "wght" var(--bricolage-wght), "wdth" var(--bricolage-wdth), "opsz" var(--bricolage-opsz);
}

h1 {
    color:yellow;
    font-size: 60px;
    margin: auto;
    font-family: bricolage;
    text-align: center;

}

h2 {
    color:rgb(7, 4, 79);
    font-size: 40px;
    margin: 0 1em;
    background-image:url(../images/marianimage.webp);


}

p {
    margin: 0 1em;
}

img{
    max-width: 100%;
    max-height: 100%;
}

a{
    background: rgb(239, 106, 153);
    border-radius:20px;
    overflow: hidden;
    padding-bottom: 1em;
    color: yellow;
}

.image {
max-width: 100%;

}

div {
    margin:50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    
}

div :hover{
    background-color: rgb(247, 120, 61);
}

.Designer {
    background-attachment: fixed;
    display: grid;
    margin: 40px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    background-image: url(../images/marianbantjes.jpg);
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 2em;        

}

.Chanteurs {
    background-attachment: fixed;
    margin: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    background-image: url(../images/marianbantjes.jpg);
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 2em;        
    overflow: hidden;
    display: grid;


}

.Livre {
    background-attachment: fixed;
    display: grid;
    margin: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    background-image: url(../images/marianbantjes.jpg);
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 2em;
    overflow: hidden;


}

.Films {
    background-attachment: fixed;
    margin: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    background-image: url(../images/marianbantjes.jpg);
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 2em;    
    overflow: hidden;
    display: grid;

}

.jeux_videos {
    background-attachment: fixed;
    margin: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 50px;
    background-image: url(../images/marianbantjes.jpg);
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 2em;        
    overflow: hidden;
    display: grid;


}