index.css

.background-black {
    background-color: black;

}
.height-img{
    height: 2em;
}
.display-flex-class {
    display: flex;
}
.text-color{
    color: white;
}

body{
    margin: 0em;
    font-size: 14px;
    background-color: lightgray;
}
.height-header{
    height: 4em;
}

.justify-align{
    justify-content: space-around;
    align-items: center;
}


.justify-align-subheader{
    justify-content: flex-start;
    align-items: center;

}


.width-4 {
    width: 4em;
}
.width-3 {
    width: 3em;
}
.search-div {
    width: 45em;
    background-color: white;
}
.height-img-flag{ 
    height: 1em;
}
.height-img-icon {
    height: 0.5em;
    margin-top: 0.5em;
}
.font-size-08 {
    font-size: 0.8em;
}
.background-subheader{
    background-color: #232f3e;
}

.margin1-5{
    margin: 0.5em 0em 0.5em 1.5em;
}

.img-div-center {
    position: relative;
    top: -23em;
    height: 3em;
    background-color: white;
    text-align: center;
    width: 98%;
    margin-left: 1%;
    align-content: center;
    font-size: 15px;
}
.width-100{
   width: 100%;
}
.height-10{
    height: 6.9em;
}
.flex-wrap-prop{
    flex-wrap: wrap;
}
.width-25{
    width:25%;
}
.width-20{
    width:22%;
}
.image-items{
    position: relative;
    top:-23em;
    /* text-align: center; */
    width: 98%;
    margin-left:1%
}
.image-items-2{
    position: relative;
    top:-21em;
    /* text-align: center; */
    width: 98%;
    margin-left:1%
}
.background-white{
    background-color: white;
}
.text-align-start{
    text-align: start;
}
.padding-1{
    padding: 1em;
}
.sign-in-button {
    text-align: center;
    margin: -19em 0 1em 0em;
}
.button-prop{
    height: 2em;
    width: 6em;
    background-color: #ffff006e;
}