body {
  background-color: white;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 6%;
}

.grab {cursor: -webkit-grab; cursor: grab;}
.grab:active {cursor: -webkit-grabbing; cursor: grabbing;}

.drag {
  cursor: grab;
  position: absolute;
}

.drag:active {
  cursor: grabbing;
  position: absolute;
}


                                          /* TEXT FORMATS */

a:link {
  color: grey;
  text-decoration: none;
  cursor: help;
}

a:visited {
  color: grey;
  text-decoration: none;
}

a:hover {
  color: hotpink;
  text-decoration: none;
}

.p-h-arialblue {
  font-size: 30px;
  font-family: Arial;
  color: blue;
}

.p-sh-arialblue {
  font-size: 22px;
  font-family: Arial;
  color: blue;
}

.p-sh-arialgrey {
  font-size: 22px;
  font-family: Arial;
  color: grey;
}

.p-courierblue {
  font-size: 12px;
  font-family: "courier new";
  color: blue;
}

.p-arialblue {
  font-size: 10.25px;
  font-family: Arial;
  line-height: 1.25;
  text-align: justify;
  color: blue;
}

.p-arialgrey {
  font-size: 14px;
  font-family: Arial;
  color: grey;
}

.p-arialwhite {
  font-size: 14px;
  font-family: Arial;
  color: white;
}

                                          /* DIVS & CONTAINERS */

.flex-div {
  display: flex;
  gap: 50px;
}

.crawler-container {
  width: 100%;
  white-space: nowrap;
}

.crawler-text {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

#music {
  position: fixed;
}

#header {
  display: flex;
  gap: 20px;
  align-items: center;
  height: 100px;
  z-index: 9996;
}

                                          /* ACTUAL ELEMENTS */

#osmosis {
  width: 60px;
  height: 60px;
}

                                                            /* InventoryMemory */


#InventoryMemory-textdiv {
  width: 300px;
  height: 400px;
}

#InventoryMemory1 {
  width: auto;
  height: 60px;
  transform: rotate(-3deg);
  position: absolute;
  left: 180px;
  top: 520px;
}

#InventoryMemory1:hover {
  transform: rotate(0deg);
}

#InventoryMemory2 {
  width: auto;
  height: 60px;
  transform: rotate(2deg);
  position: absolute;
  left: 130px;
  top: 430px;
}

#InventoryMemory2:hover {
  transform: rotate(0deg);
}

#InventoryMemory4 {
  width: auto;
  height: 60px;
  transform: rotate(4deg);
  position: absolute;
  left: 330px;
  top: 310px;
}

#InventoryMemory4:hover {
  transform: rotate(0deg);
}

#InventoryMemory5 {
  width: auto;
  height: 70px;
  transform: rotate(-5deg);
    position: absolute;
  left: 100px;
  top: 330px;
}

#InventoryMemory5:hover {
  transform: rotate(0deg);
}

#InventoryMemory6 {
  width: auto;
  height: 140px;
  transform: rotate(2deg);
  position: absolute;
  left: 220px;
  top: 410px;
}

#InventoryMemory6:hover {
  transform: rotate(0deg);
}

#InventoryMemory {
  width: 450px;
  height: auto;
  position: relative;
  left: 10px;
}

                                                            /* Osmosis 0 */

#Osmosis0-textdiv {
  width: 300px;
  height: 400px;
  top: 500px;
}

#Osmosis0pages {
  width: 200px;
  height: auto;
  transform: rotate(-90deg);
  position: relative;
  left: 50px;
}

#Osmosis0 {
  width: 305px;
  height: 381.25px;
}

                                                            /* Pls. Do Not Untangle */

#UntangleEarphones-textdiv {
  width: 300px;
  height: auto;
  top: 500px;
}

#UntangleEarphones {
  width:280px;
  height: 350px;
}

#HardlySmile {
  width: 170px;
  height: auto;
  transform: rotate(-5deg);
  position: absolute;
  left: 100px;
  top: 1300px;
}

#HardlySmile:hover {
  transform: rotate(0deg);
}

#SweetestInconvenience {
  width: 240px;
  height: auto;
  transform: rotate(5deg);
  position: absolute;
  left: 180px;
  top: 1250px;
}

#SweetestInconvenience:hover {
  transform: rotate(0deg);
}

                                                            /* Imaginary Postcards */

#ImaginaryPostcards-textdiv {
  width: 300px;
  height: auto;
  top: 500px;
}

#ImaginaryPostcard1 {
  width: 350px;
  height: 254px;
}

#ImaginaryPostcard2 {
  width: 275px;
  height: 200px;
  position: relative;
  top: 25px;
  left: 100px;
}

#ImaginaryPostcard3 {
  width: 255px;
  height: 350px;
  position: relative;
  left: 50px;
  top: 100px;
}