:root {
    --black: #000000;
    --grey: #808080;
    --white: #ffffff;
    --pink: #ea1956;
}

iframe {
    width: 800px;
    height: 450px;
    max-width: 100%;
    margin: 1em auto;
    display: block;
    border: 0;
    border-radius: 10px;
}

.yaller {
    display: flex;
    justify-content: center;
    gap: 2em;
}

.yaller h1{
    text-align: center;
    color: var(--pink);
    margin-bottom: 1em;
    margin-top: 1em;
}

.yaller a{
    text-align: left;
    color: var(--black);
    text-decoration: none;
}

.yaller a:hover{
    text-align: left;
    color: var(--pink);
    text-decoration: underline;
}

.bonbons-roll a {
    margin: 0.3em;
    display: inline-block;

}