.h-full{
    height: 100%;
}
.h-screen{
    height: 100vh;
}
.w-full{
    width: 100%;
}
.flex{
    display: flex;
}
.flex-col{
    flex-direction: column;
}
.flex-row{
    flex-direction: row;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.items-center{
    align-items: center;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.bg-brown{
    background-color: #4C4134;
}
.max-w-l {
    max-width: 32rem;
}
.max-w-sm{
    max-width: 24rem;
}
.max-w-md{
    max-width: 28rem;
}
.max-w-lg{
    max-width: 32rem;
}

.max-w-xl{
    max-width: 36rem;
}
.max-w-2xl{
    max-width: 42rem;
}
.max-w-3xl{
    max-width: 48rem;
}