body {
    background-color:rgba(124, 131, 150, 0.322);
    box-sizing:border-box;
    margin: 0px;
  
}
.flex-container {
    display: flex;
    flex-direction: column;
}
.top-bar{
    display: ;
    flex-direction: ;
    justify-content: center;

}
.unordered1 {
    display: flex;
}

.big.heading {
    color:black;
    font-size: 60px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 700;
    text-align:center;
}

.big,
.medium {
    color:green;
    font-size: 35px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.first,
.second {
    color:black;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}

.img {
    height:auto;
    width: 750px;
    float:right;
}

.unordered,
.ordered {
    color:black;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}

.image {
    height:auto;
    width:300px;
}

.small.heading {
    color:black;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}