body {
    background-color: black;
    background-image: url(https://file.garden/aI4hCMGM62x0i7db/images/textures/rainbowstr.gif);
    overflow-x: hidden;
}

#container {
    background-color: transparent;
}

#inner {
    background-color: transparent;
}

.header {
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    height: 10px;
}

#content {
    background-color: aliceblue;
    display: grid;
    grid-template-areas:
    'top top top'
    'left middle right'
    'bottom bottom bottom';
    margin-top: 2em;
    width: 75vw;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid white;
    width: 60vw;
    box-shadow: 0px 0px 20px 10px palegoldenrod;
}

.secondHeader {
    grid-area: top;
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
    border: 2px solid white;
    text-align: center;
}

.buttonBox {
    padding-bottom: 1em;
}

.buttonBox button {
    background: linear-gradient(90deg,  rgba(237, 221, 83, 1)
        0%, rgba(87, 182, 199, 1) 50%, rgba(245, 103, 226, 1) 100%);
    border-color: white;
}

.sidebar {
    background-color: transparent;
    border: 2px solid black;
    width: 15vw;
}

.sidebarContentBox {
    border: 2px solid black;
    margin: 5px;
}

.sidebarContentBoxHeader {
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
    height: 2em;
    border: 2px solid black;
    margin: 5px;
}

.sidebarContentBoxContent {
    margin: 5px;
}

.sidebarContentBoxContent button {
    display: contents;
}

.sidebarContentBoxContent button img {
    width: 48%;
}

#sidebarLeft {
    grid-area: left;
}

.centre {
    grid-area: middle;
    border: 2px solid black;
    margin-left: 5px;
    margin-right: 5px;
}

.centreContentBoxHeader {
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
    height: 2em;
    border: 2px solid black;
    margin: 5px;
}

.centreContentBoxContent {
    margin: 5px;
}

#sidebarRight {
    grid-area: right;
}

.secondFooter {
    grid-area: bottom;
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
}

.footer {
    background: linear-gradient(90deg, rgba(245, 103, 226, 1) 
        0%, rgba(87, 182, 199, 1) 50%, rgba(237, 221, 83, 1) 100%);
    position: fixed;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100vw;
}