body {
  background-image: url("../Graphics/47.jpg");
  background-color: #151023;
  cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat345.cur), default;
}


.Cooper {
 font-family: Cooper;
 text-align: center;
}

.MainContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
}


#CenterContent {
  width: 700px;
  height: 1100px;
  background-color: white;
  padding-top: 15px;
  border-radius: 5px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: center;
  font-family: Gill Sans MT;
  color: black;
  letter-spacing:.01px;
  box-shadow: 0px 0px 10px 10px #090812;
  order: 2;
  flex: 0 1 auto;
  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.20), rgba(99, 99, 116, 0.73)), url("../Graphics/ACClassroomFloor.png");
}


#header-1 {
  width: 990px;
  height: 65px;
  background-color: brown;
  border-radius: 5px;
  margin-left:auto;
  margin-right: auto;
  margin-top: 65px;
  text-align: center;
  font-size: 50px;
  font-family: Britannic;
  color: #e8ffe1;
  letter-spacing: .2px;
  box-shadow: 0px 0px 10px 10px #090812;
  background-image: linear-gradient(to bottom, rgba(99, 99, 116, 0.80), rgba(245, 246, 252, 0.20)), url("../Graphics/ACClassroomFloor.png");
}


.TopContainerRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
  border-radius: 5px;
  text-align: left;
  font-family: corbel;
  color: white;
  letter-spacing:.01px;
  background-color: rgba(48,105,92);
  box-shadow: 0px 0px 5px 2px #10231f;
  border: 2mm ridge;
  border-color: #f8a354;
}

.SecondContainerRow {
display: flex;
  flex-direction: row;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
  border-radius: 5px;
  text-align: left;
  font-family: corbel;
  color: white;
  letter-spacing:.01px;
  background-color: rgba(48,105,92);
  box-shadow: 0px 0px 5px 2px #10231f;
  border: 2mm ridge;
  border-color: #f8a354;
}

.ThirdContainerRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#introBox {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  text-align: center;
  font-family: corbel;
  color: white;
  box-shadow: 0px 0px 5px 2px #10231f;
  border: double;
  border-color: white;
}

introText {
  order: 1
}




#Status {
  width: 205px;
  height: 270px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
  border-radius: 5px;
  text-align: left;
  font-family: corbel;
  color: white;
  letter-spacing:.01px;
  background-color: rgba(48,105,92);
  box-shadow: 0px 0px 5px 2px #10231f;
  border: 2mm ridge;
  border-color: #f8a354;
  overflow: auto;
}

#SiteUpdates {
  width: 90px;
  height: 250px;
  padding-top: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: auto;
  margin-top: 15px;
  border-radius: 5px;
  display: block;
  text-align: left;
  font-family: corbel;
  font-size: 13px;
  color: black;
  overflow: auto;
  background-color: #8c66ff;
  box-shadow: 0px 0px 5px 2px #090812;
  border: dotted lavender;
}

#webRings {
 width: 620px;
  height: 1000px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
  border-radius: 5px;
  text-align: left;
  font-family: cooper;
  font-size: 18px;
  text-align: center;
  color: white;
  background-color: rgba(48,105,92);
  box-shadow: 0px 0px 5px 2px #10231f;
  border: 2mm ridge;
  border-color: #f8a354;
  overflow: auto;
}

.Maxie {
  position: relative;
  Width: 600px;
}

.Solaire {
  position: relative;
  width: 600px;
}

#List {
  Width: 90px;
  height: 200px;
  padding-top: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: 20px;
  margin-right: auto;
  margin-top: 15px;
  border-radius: 5px;
  display: block;
  text-align: left;
  font-family: corbel;
  font-size: 13px;
  color: black;
  overflow: auto;
  background-color: #8c66ff;
  box-shadow: 0px 0px 5px 2px #090812;
  border: dotted white;
}

.sidebarleft {
    width: 180px;
    height: 540px;
    border-radius: 5px;
    background: white;
    padding: 10px;
    padding-left: 10px;
    font-size: 18px;
    font-family: Cooper;
    color: #151b24;
    text-align: center;
    line-height: 20px;
    overflow: auto;
    box-sizing: border-box;
    position:relative; 
    margin-left:18px; 
    margin-top:10px;
    order: 1;
    flex: 0 1 auto;
    box-shadow: 0px 0px 10px 10px #090812;
    background-image: url("../Graphics/ACForestFloor.png");
    background-size: 100%;
}

#sidebarright {
    width: 180px;
    height: 540px;
    border-radius: 5px;
    background: white;
    padding: 10px;
    padding-left: 10px;
    font-size: 18px;
    font-family: Britannic;
    color: #151b24;
    text-align: center;
    line-height: 20px;
    overflow: auto;
    box-sizing: border-box;
    position:relative;  
    margin-top:10px;
    order: 3;
    flex: 0 1 auto;
    box-shadow: 0px 0px 10px 10px #090812;
    background-image: url("../Graphics/ACForestFloor.png");
    background-size: 100%;
}

a:link {
  color: #151b24;
  background-color: transparent;
  text-decoration: none;
  cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat345.cur), default;
}

a:hover {
  color: #df5020;
  background-color: transparent;
  text-decoration: underline;
}


#OrangeSparkle {
  margin-top: 15px;
}