:root {
    --accent-colour : #f67350;
}

html, body {
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    width: 100%;
}

.bbp-hold-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 0 auto;
    height: 100%;
    flex-direction: column;

}

.bbp-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.bbp-hold-container img {
    max-width: 250px;
    height: auto;
    margin: 0 auto;
    width: 60%;
}

h1,h2, h3 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1 {
    font-size: clamp(3rem, 4vw + 1rem, 4rem);
    margin-bottom: 0.5rem;
    max-width: 80%;
}

h2 {
    font-size: clamp(1.5rem, 4vw + 1rem, 2.5rem);
    margin: 0.5rem 0;
}

h2 .accent {
    font-size: clamp(3rem, 4vw + 1rem, 6rem);
}

.accent, a {
    color : var(--accent-colour);
}

p, a {
    text-transform: uppercase;
    font-family: "Exo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(0.6rem, 2vw + 1rem, 1rem);
}