/* First Comment
    i created this universal style sheet for classes that are useful
    throughout the project is like my private library 
    Crated by: Léo Santos
*/
.center{ /*the elements were aligned to the center*/
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.between{/*the elements were horizontally and vertically aligned evenly with equal spaces between them*/
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}
.flex{
    display: flex;
}

.max{
    width: 100%;
}

/*Home desktop styles*/
.od{ /*hides the html element of the page in desktop mode and shows it in mobile mode*/
    display: none;
}
/*End desktop styles*/

.blue-border{
    border-width: 1px;
    border-style: solid;
    border-color: blue;
}
@media (max-width: 1024px){
.od{
    display:block;
}
.om{
    display:none;
}
}/* End media 768px*/
/*End mobile styles*/