body {background-color: black; color: white; font-family: "Jersey 10", sans-serif;
}

.jersey-10-regular {
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;
}


/*THIS IS DOCUMENTATION FOR THE LOGO THAT WILL BE ON TOP OF THE SCREEN ON EACH PAGE*/
 .logo {
            display: block;
           position: sticky;
            width: 380px;
            height: auto;
           top: 0;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 38px;
            padding-top: 21px;
    
        }
.button {
          display: flex;
          justify-content: center;
}
/*THIS IS THE DOCUMENTATION FOR THE BUTTONS AS FAR AS THEIR LAYOUT GOES*/
.leftbutton {
          display: inline-block;
          scale: 80%;
          padding: 10px;
          padding-right: 90px;
}
/*THIS IS THE DOCUMENTATION FOR THE MIDDLE BUTTON AS FAR AS THEIR LAYOUT GOES*/
.midbutton {
          display: inline-block;
          scale: 80%;
          padding: 10px;
}
/*THIS IS THE DOCUMENTATION FOR THE Right BUTTON AS FAR AS THEIR LAYOUT GOES*/
.rightbutton {
          display: inline-block;
          scale: 80%;
          padding: 10px;
          padding-left: 90px;
}
/*THIS IS THE STARTER CODE FOR THE WEBSITE LAYOUT!!*/
.container {
          display: grid;
          grid-gap: 10px;
          grid-template:
                    "header header header"
                    "leftside main rightside"
                    "footer footer footer"
                    / 1fr 2fr 1fr;
}
.News {
          display: block;
          position: absolute; right: 20px;
          height: 644px;
          overflow-y: auto;
          width: 170px;
          border: dashed 1px;
          border-radius: 8px;
}
.Links {
          display: block;
          position: absolute; left: 20px;
          height: 170px;
          width: 170px;
          border: dashed 1px;
          border-radius: 8px;
}
.Stacktest {
          display: block;
          position: absolute; left: 20px; top: 289px;
          height: 340px;
          width: 170px;
          padding-top: 10px;
          border: dashed 1px;
          border-radius: 8px;
}
header {grid-area: header; background-color: black;
}
leftside {grid-area: leftside;
          justify-content: center;
          position: relative;
}
rightside {grid-area: rightside; display: flex; justify-content: center;
          position: relative;
          
}
main {grid-area: main;
}
amain {grid-area: amain; border: dotted white 1px; border-radius: 34px; max-height: 644px; max-width: 1150px; overflow-y: auto;
}
footer {grid-area: footer;
}

.aboutcontainer {
          display: grid;
          justify-content: center;
          grid-gap: 10px;
          grid-template:
                    "header header header"
                    "lside amain rside"
                    "footer footer footer"
                    / 1fr 1fr 1fr;
}