/*==== Global ====*/
.marked{
    color: var(--highlight-color);
}

.flex{
    display: flex;
}

.flex-column{
    flex-direction: column;
}

.justify-center{
    justify-content: center;
}

.align-center{
    align-items: center;
}

.justify-between{
    justify-content: space-between;
}

.wrap{
    flex-wrap: wrap;
}

.w-100{
    width: 100%;
}

.h-100{
    height: 100%;
}

.w-full{
    width: 100vh;
}

.h-full{
    height: 100vh;
}

.m-auto{
    margin: auto;
}

.gap-10{
    gap: 10px;
}

.gap-20{
    gap: 20px;
}

.gap-30{
    gap: 30px;
}

.gap-40{
    gap: 40px;
}

.gap-50{
    gap: 50px;
}

.pointer{
    cursor: pointer;
}

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}