/*All the custom tags starts with a '_'. This helps to distinguish the custom tags
from the CSS library tags, if there is any.*/

/*Wherever I could, I tried to write the selectors in order as they are in the ducument*/
body{
    background-image: linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0.6)), url(../../images/templateBG.jpg);
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}


#_layoutContent{
    padding: 2rem;
    min-width: 60%;
    width: fit-content;
    margin: auto;
    margin-top: calc(5rem + 14px);
    margin-bottom: 3rem;
    background-color: white;
    border-radius: 10px;
}