@font-face {
    font-family: "whiz";
    src: url("https://file.garden/aI6aOiUpTXpvhjnG/WhizBang%20Roman.ttf");
}

@font-face {
    font-family: "whizbold";
    src: url("https://file.garden/aI6aOiUpTXpvhjnG/WhizBang%20Bold.ttf");
}

body { 
    background-image: url("https://file.garden/aI6aOiUpTXpvhjnG/ezgif-4a57ad5c7b99794d.png");
    background-size: cover;
    font-size: 1.08vw;
    font-family: "whiz";
}

#warren {
    height: 45vw;
    width: auto;
    position: relative;
    top: -2%;
    right: 17%;
}

#background {
    background-color: #FAECE9;
    border: 3px #c0b0ac solid;
    height: 49vw;
    width: 39vw;
    position: absolute;
    left: 28%
}

#content {
    border: 1px solid black;
    position: relative;
    width: 31vw;
    height: 45vw;
    left: 9.5%;
    top: 4%;
}

#words {
    position: relative;
    left: 17vw;
    bottom: 44vw;
    height: 45vw;
    width: 13.5vw;
}

.rows {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 12vh;
    left: 70vw;
    text-align: center;
    font-size: 1.8vw;
    row-gap: 1vw;
}

.button {
    box-sizing: border-box;
    background-color: #FAECE9;
    border: 3px #c0b0ac solid;
    width: 16.3vw;
    height: 7vw;
    padding-top: 1vw;
    cursor: pointer;
}

.heading {
    font-size: 1.5vw;
    font-family: "whizbold";
}

.boldtext {
    font-family: "whizbold";
}

.box {
    overflow: auto;
    overflow-x: hidden;
    height: 41vw;
}

.box::-webkit-scrollbar {
    width: 0.6vw;
}

.box::-webkit-scrollbar-track {
    background: transparent;
}

.box::-webkit-scrollbar-thumb {
    background-color: #c0b0ac;
    border-radius: 999px;
    border: 0.15vw solid transparent;
    background-clip: content-box;
}