body, html {
    height: 100%;
    width:100vw;
    margin: 0;
    min-height:100%;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(130,130,254,1) 100%, rgba(0,212,255,1) 100%);
    background-position: center;    
    background-repeat: no-repeat;
    background-size:cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#logo{
    height:20vh;
    width:20vh;
}

#city-row-wrapper{
    height:200px;
    width:100%;
    max-width: 100vw;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.city-wrapper{
    height:100px;
    width:200px;
    background-color: black;
    border:1px solid bisque;
    border-radius: 5px;
    padding-left:20px;
    background-position: center;    
    background-repeat: no-repeat;
    background-size:cover;
}

p{
    color: white;
    font-family: 'Anuphan', sans-serif;
}