html {
  background-image: url('https://hajewil.neocities.org/Images/Polka%20Dot%20Background.png');}
  

  
#JournalPageLeft{
  top: 100px;
  left: 50px;
  display: flex;
  position: relative;
  border-left: 3px solid black;
  background-image: url('https://hajewil.neocities.org/Images/24d73fa8f2dd548c2ee5ae01b14b66e4.jpg');
  width: 580px;
  height: 600px;
  transform: skewY(1.5deg);
  border-radius: 20px;
}  
  #JournalPageRight{
  top: -505px;
  left: 600px;
  display: flex;
  position: relative;
  background-image: url('https://hajewil.neocities.org/Images/page%202.png');
  background-size: 580px 750px;
  width: 580px;
  height: 600px;
  transform: skewY(-1.5deg);
  border-radius: 20px;
  }  
#AboutUsContainer {
  border: 2px solid red;
  background: #FFCE18;
  top: 100px;
  left: 60px;
  height: 500px;
  width: 180px;
  position: relative;
  display: flex;
  padding: 10px;
  }
  
#BriefSummaryofTopicSection {
  background: green;
  position: relative;
  display: flex;
  height: 350px;
  width: 200px;
  top: 60px;
  left: 100px;
  }

#LinktoMaterials {
  background: blue;
  height: 120px;
  width: 180px;
  position: relative;
  display: flex;
  top: 450px;
  left: -110px;
  }

#Folderbackground {
  background: #F1D592;
  position: relative;
  display: flex;
  width: 530px;
  height: 420px;
  top: -1030px;
  left: 670px;
}

#FolderForeground {
  background: #FFCE18;
  position: relative;
  display: flex;
  width: 530px;
  height: 270px;
  top: -1300px;
  left: 670px;
  opacity: 0.75;
}

#FolderImages {
  position: relative;
  display: flex;
  background: red;
  width: 150px;
  height: 300px;
  top: 90px;
  left: 5px;
  padding: 10px;
  transform: rotate(2deg);
  }
  
#GroupCard {
  background: white;
  position: relative;
  display: flex;
  width: 250px;
  height: 130px;
  top: -1350px;
  left: 850px;
  z-index: 4;}