body{
    color:rgb(248, 230, 253);
    background-color: rgb(32, 29, 27);
    font-family: 'Open Sans', sans-serif;
}

a {
    cursor: url("custom.png"), url("custom.cur"), default;
}

.container{
    font-size: 150px;
    
}

.fixed{
    background-color: rgb(248, 230, 253);
    width:50px;
    height:120px;
    border:1px solid;
    margin-top: 0;
    position:fixed;
    top:0;
    left:25px;
}
.fixed2{
    background-color: rgb(248, 230, 253);
    width: 775px;
    height:120px;
    border:1px solid;
    margin-top: 0;
    position:fixed;
    top:0;
    right:25px;
}

.poem{
    font-family: 'Open Sans', sans-serif;
}

.fixed3{
    background-color: rgb(248, 230, 253);
    width: 690px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:0;
    right:25px;
}

.fixed4{
    background-color: rgb(248, 230, 253);
    width: 780px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:0;
    left:25px;
}

.fixed5{
    background-color: rgb(248, 230, 253);
    width: 100px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:206px;
    right: 25px;
}
.fixed6{
    background-color: rgb(248, 230, 253);
    width: 455px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:400px;
    left: 25px;
}

.fixed7{
    background-color: rgb(248, 230, 253);
    width: 440px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:400px;
    right: 25px;
}

.fixed8{
    background-color: rgb(248, 230, 253);
    width: 580px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:606px;
    left: 25px;
}

.fixed9{
    background-color: rgb(248, 230, 253);
    width: 400px;
    height:120px;
    border:1px solid;
    margin-top: 200px;
    position:fixed;
    top:606px;
    right: 25px;
}

.clickableItem{
    width:25px;
    height:25px;
    background:rgb(198, 218, 86);
    border-radius:100%;
    position:fixed;
    top:50px;
    left:80px;
  }

.image1{
    display:none;
    max-width:1000px;
    position:absolute;
    top: 25px;
    left: 25px;
  }

  .clickableItem:hover .image1 {
    display:block;
  }

  .clickableItem2{
    width:25px;
    height:25px;
    background:rgb(198, 218, 86);
    border-radius:100%;
    position:fixed;
    top:250px;
    left:300px;
  }

  .image2{
    display:none;
    max-width:500px;
    position:absolute;
    top: -150px;
    left: 50px;
  }

  .clickableItem2:hover .image2 {
    display:block;
  }

  .clickableItem3{
    width:25px;
    height:25px;
    background:rgb(198, 218, 86);
    border-radius:100%;
    position:fixed;
    top:150px;
    left:1000px;
  }

  .image3{
    display:none;
    max-width:300px;
    position:absolute;
    top: -100px;
    left: 50px;
  }

  .clickableItem3:hover .image3 {
    display:block;
  }

  .clickableItem4{
    width:25px;
    height:25px;
    background:rgb(198, 218, 86);
    border-radius:100%;
    position:fixed;
    top:80px;
    left:170px;
  }

  .image4{
    display:none;
    max-width:240px;
    position:absolute;
    top: -60px;
    left: 50px;
  }

  .clickableItem4:hover .image4 {
    display:block;
  }

  .clickableItem5{
    width:25px;
    height:25px;
    background:rgb(222, 255, 169);
    border-radius:100%;
    position:fixed;
    top:160px;
    left:450px;
  }

  .image5{
    display:none;
    max-width:600px;
    position:absolute;
    top: -60px;
    left: 50px;
  }

  .up up-left:hover .div2 {
    display:block;
  }