:root {
    --backgroundColor: white;
    --primaryColor: black;
    --secondaryColor: black;
    --thirdaryColor: black;
}

.material-icons {
    font-size: inherit;
    line-height: inherit;
}

.relative {
    position: relative;
}

.space-50 {
    height: 50px;
    width: 100%;
}

.vh-75 {
    min-height: 75vh;
}

.vh-90 {
    min-height: 90vh;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-50 {
    padding: 50px;
}

.padding-50-0 {
    padding: 50px 0px;
}

.padding-100-0 {
    padding: 100px 0px;
}

.padding-100-50 {
    padding: 100px 50px;
}

.padding {
    padding: 100px;
}

.padding-v {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-h {
    padding-left: 100px;
    padding-right: 100px;
}

.gap-50 {
    gap: 50px;
}

.gap-100 {
    gap: 100px;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.taj {
    text-align: justify;
}

.fwn {
    font-weight: normal;
}

.fwb {
    font-weight: bold;
}

.ttu {
    text-transform: uppercase;
}

.fs0-5 {
    font-size: 0.5rem;
}

.fs0-75 {
    font-size: 0.75rem;
}

.fs1 {
    font-size: 1rem;
}

.fs1-5 {
    font-size: 1.5rem;
}

.fs2 {
    font-size: 2rem;
}

.fs3 {
    font-size: 3rem;
}

.fs4 {
    font-size: 4rem;
}

.br-5 {
    border-radius: 5px;
}

.br-10 {
    border-radius: 10px;
}

.br-15 {
    border-radius: 15px;
}

.oh {
    overflow: hidden;
}

.dark {
    background-color: var(--backgroundColor);
    color: var(--thirdaryColor);
}

.light {
    background-color: var(--thirdaryColor);
    color: var(--backgroundColor);
}

.light .button {
    border-color: var(--secondaryColor);
    color: var(--secondaryColor);
}

.orange {
    background-color: var(--primaryColor);
    color: var(--textColor);
}

.msg {
    color: var(--primaryColor);
    text-align: inherit;
}

.err {
    color: var(--primaryColor);
    text-align: inherit;
}