#greetings_main{
    font-size: xx-large;
    font-family: "PT Sans", "Trebuchet MS", Tahoma, sans-serif;
    height: 300px;
    
}
#greetings{
  
    color: #999;
}
#login-button{
    margin-top: 0px;
    margin-left: 40%;
}
@media (max-width:519px ){
        
.register-login{
    display: flex;
    align-content: center;
    flex-direction: column;
}
    #login-button{
        margin-left:0%;
        margin-top: 5px;

    }
    
}
.register-login{
    font-family: "PT Sans", "Trebuchet MS", Tahoma, sans-serif;
    font-size: x-large;
    text-align: center;

}
.data{
    font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
}
@media (max-width:715px){
    #sub_data_group{
        flex-direction: column;
    } 
}
@media (max-width:715px){
    #list1,#list2,#list3{
        max-width: 400px;
    }
    
}
.middle_data{
    background-color: #f0f0f0e5;
    width: 100%;
} 
.sub_sub_data_group{
    margin: 10px;
    display: block;
    padding: 10px;
    min-width:200px;
    max-width: 350px;
    background-color: rgb(246, 246, 246);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    

}
#sub_data_group{
    display: inline-block;
    padding-inline-start: 0px;
    
}