html {
  background: url('https://hajewil.neocities.org/PM6_Website.html/images/25aa1a16b78d63f639b04b8427d4f2d6.jpg');
  background-size: 1450px 760px;}

  
#DesktopIcons {
  display: flex;
  position: relative;
  width: 80px;
  height: 500px;
  top: 10px;
  }

#AboutUsSection {
  position: relative;
  display: flex;
  left: 800px;
  width: 500px;
  height: 550px;
  top: -1250px;
  background: blue;
  border: black 2px solid;
  }
  
h1 {
  font-size: 1.5em;
  border-bottom: solid black 2px;}

ul {
  margin-left: -20px;
  }
  
#DialogueBox {
  font-family: monospace;
  background: #F2F0EF;
  border: 5px solid grey;
  display: flex;
  position: relative;
  width: 532px;
  height: 308px;
  top: -795px;
  left: 212px;}
  
#AboutUs {
  Display: flex;}

#LinktoGDrive {
  display: flex;}

#Learning {
  display: flex;}

#Bibliography {
  display: flex;}
  
#PresentationSummary{
  display: flex;}

#Popup {
  font-size: 13px;
  top: 45px;
  padding: 2px;
  left: -15px;
  display: none;
  position: relative;
  background: #D3D3D3;
  border: solid black 2px;
  height: 30px;
  width: 120px;}
  
#Exit {
  position: relative;
  display: flex;
  width: 17px;
  height: 17px;
  border: black solid 2px;
  top: -1160px;
  left: 750px;
  color: white;}
  
#AboutUs img:hover + #Popup {
  display: flex;}

#AboutUs img:hover + #AboutUsSection {
  display: flex;}

#LinktoGDrive a:hover + #Popup {
  display: flex;}

#Learning a:hover + #Popup {
  display: flex;}
  
#Bibliography a:hover + #Popup {
  display: flex;}

#LessonPlan a:hover + #Popup {
  display: flex;}