@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

a,
a:hover {
    text-decoration: none;
    color: #333;
}

ul,
li {
    list-style: none;
}

button,
button:active,
button:focus,
button:hover,
button:checked,
.btn {
    border: none;
}

i {
    margin-right: 1rem;
}

.flex-x,
.flex-y,
.flex-xb,
.flex-yb,
.flex-xs,
.flex-ys,
.flex-xe,
.flex-ye {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-xb,
.flex-yb {
    justify-content: space-between;
}

.flex-xs {
    justify-content: flex-start;
}

.flex-xe {
    justify-content: flex-end;
}

.flex-ys {
    align-items: flex-start;
}

.flex-ye {
    align-items: flex-end;
}

.flex-y,
.flex-yb,
.flex-ys,
.flex-ye {
    flex-direction: column;
}