*{
    box-sizing: border-box;
    margin: 0;
}
.flex{
    display: flex;
}
.items-center{
    align-items: center;
}
.justify-center{
    justify-content: center;
}
.flex-col{
    flex-direction: column;
}
.flex-row{
    flex-direction: row;
}
.flex-col-reverse{
    flex-direction: column-reverse;
}
.flex-row-reverse{
    flex-direction: row-reverse;
}
.gap-1{
    gap:1em;
}
.gap-2{
    gap:2em;
}
.gap-3{
    gap:3em;
}
.h-60{
    height: 60vh;
}
.h-100{
    height: 100vh;
}
.text-1xl{
    font-size:16px;
}
.text-2xl{
    font-size: 1em;
}
.text-3xl{
    font-size: 2em;
}
.text-4xl{
    font-size: 3em;
}
.font-serif{
    font-family: 'Inter',sans-serif;
}
.overflow-hidden{
    overflow: hidden;
}