body {
    margin: 0px;
    height: 100vh;
    position: relative;
    background-color: rgb(249, 240, 225);
}
p{

    margin: 265px;
    position: absolute;
    top: 70px;
    left: 45px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 12px;
    line-height: 18pt;
    text-align: justify; 
    }
    
.image1
{
width: 140px;
height: 410px;
align-content: flex-start;
}

.image2
{
width: 117px;
height:181px;
position: absolute;
top: 0px;
left: 1100px;
}

.image2:hover {
  content: url('project 2 part 2-16.png');
  width: 117px;
  height:181px;
}

.image3
{
width: 800px;
height: 1000px;
position: absolute;
top: 0px;
left: 220px;

}

.image4
{
width: 800px;
height: 1000px;
position: absolute;
top: 1020px;
left: 220px;

}

.image5
{
width: 800px;
height: 1000px;
position: absolute;
top: 2040px;
left: 220px;

}

.image6
{
width: 800px;
height: 1000px;
position: absolute;
top: 3060px;
left: 220px;

}



.shadows {
    background-image: linear-gradient(
     to right,
     #462523 0,
            #cb9b51 22%, 
     #f6e27a 45%,
     #f6f2c0 50%,
     #f6e27a 55%,
     #cb9b51 78%,
     #462523 100%
     );
    color:transparent;
    -webkit-background-clip:text;
  }

.eaves {
    color: #D2952A;
    text-shadow: #D2952A 3px 0 10px;
  }

  .indirectlight {
    color: #D2952A;
  }

  .lackofclarity {
    color: #D2952A;
  }