h1{

    text-align:left;
    color:forestgreen;
    font-size: 75px;
   position: absolute;



}


body{
    background-image: url(images/futurecity3.jpg);
    object-fit: fill;

}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



h2{
    text-align: center;
    color:forestgreen;
    font-size: 75px;
    
}

h3{
    text-align: right;
    color: forestgreen;
    font-size: 75px;
}



.headings {
    display: flex;
    gap: 15px;
}

.past{
    margin-left: 20px;

}

.present{
    margin-left: 625px;

}


.future{
    margin-left: 375px;
}

.center{
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: -500px;
    width: 300px;
}

.right{
    display: block;
    margin-right: 100px;
    margin-left: 1175px;
    position: relative;
    top: -1000px;
    width: 300px;
}