h1, h2, h3, h4, h5, h6, p, a, i, b, div, body, html {
    font-family: Arial, sans-serif
}
.gold {
    background: linear-gradient(to bottom, rgb(255, 215, 0), rgb(218, 165, 32));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
}
.theofficialharrycwwebsite {
    color: green;
    display: inline;
    font-family: Consolas, monospace;
}
bigheaders {
    font-size: 40px;
}
.hrdiv {
    display: inline;
    color: lime;
    background-color: lime;
    height: 1px;
    width: 100%;
}
.headergradient {
  background: linear-gradient(to right, rgb(42, 92, 255), rgb(90, 180, 253)) /*rgb(90, 180, 253), rgb(4, 0, 255))*/
}
.fsandallslogo {
    position: fixed;
    left: -10px;  /* Adjust this to control how much is off-screen */
    top: 0%;
    transform: translateY(-35%) rotate(10deg);
    transform-origin: center;
    z-index: 1000;
}
.logo2 {
    position: fixed;
    right: -10px;  /* Changed from left to right */
    top: 0%;
    transform: translateY(0%);
    transform-origin: center;
    z-index: 1000;
}
.headercontent {
    margin-left: 265px; /* Adds spacing between image and content */
    flex-grow: 1; /* Takes remaining space */
}
        #container {
            position: absolute;
            z-index: 1111;
            top: 0;
            right: 0;
            padding: 0px;
            background-color: white; /* Set the background color to black */
        }
.iframe {
    width: 100%;
    height: 150px;
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    /* frameborder and scrolling are HTML attributes, not CSS properties */
}
.right {
        align-items: right;
        align-self: right;
        text-align: right;
        float: right;
        position: static;
}

.menubtn {
    padding: 6px;
}