:root {
    --r6yellow: #fad505;
    --r6gold: #faac05;
    --r6black: #0D0D0D;
    --r6grey: #262626;
    --lightGrey: #696969;
    --r6white: #F2F2F2;
    --darkRed: #810000;
    --smallText: 1.25vw;
    --mediumText: 1.5vw;
    --largeText: 1.75vw;
    --xLargeText: 2vw;
    --veryLargeText: 5vw;
}

.center-vert-align {
    position: relative;
    height: 90%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    /* border: 2px solid red; */
}

.center-horz-align {
    position: relative;
    height: 30%;
    margin-top: -15vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    /* border: 2px solid blue; */
}

.centered-container {
    position: relative;
    height: 100%;
    width: 50%;
    /* border: 2px solid green; */
}

.header {
    position: relative;
    font-size: var(--veryLargeText);
    width: 100%;
    color: var(--r6gold);
    text-align: center;
    cursor: default;
    text-wrap: nowrap;
}

.buttons {
    position: relative;
    height: 20%;
    width: 40%;
    left: 30%;
    display: flex;
    flex-direction: row;
    gap: 5%;
    /* border: 2px solid blue; */
}

.button {
    width: 47.5%;
    font-size: var(--largeText);
}