.wrapper-60 {
    width: 60%;
    margin: 0 auto;
}

.wrapper-50 {
    width: 50%;
    margin: 0 auto;
}

.font-family-space-grotesk {
    font-family: "Space Grotesk", sans-serif;
}

.display-grid {
    display: grid;
}

.position-fixed {
    position: fixed;
}

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

.justify-content-space-around {
    display: flex;
    justify-content: space-around;
}

.text-color-white {
    color: #ffffff;
}

.text-color-blue {
    color: #4bcaff;
}

.text-color-gray {
    color: #4a545c;
}

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

.font-weight-700 {
    font-weight: 700;
}

.font-weight-300 {
    font-weight: 300;
}

.font-size-1 {
    font-size: 1rem;
}

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

.font-size-2 {
    font-size: 2rem;
}

.font-size-3-5 {
    font-size: 3.5rem;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
    text-underline-offset: 10px;
}