:root{
    --pastel-pink: #D8BCAB;
    --dark-blue: #002838;
    --light-blue: #43505E;
    --pink: #FDDDCE;
    --light-pink: #FFF1E2;

}

@font-face{
    font-family: MadeCochella-Black;
    src: url('../font/MADECoachella-Black.otf');
}
@font-face{
    font-family: MadeCochella-Bold;
    src: url('../font/MADECoachella-Bold.otf');
}
@font-face{
    font-family: MadeCochella-Light;
    src: url('../font/MADECoachella-Light.otf');
}
@font-face{
    font-family: MadeCochella-Medium;
    src: url('../font/MADECoachella-Medium.otf');
}
@font-face{
    font-family: MadeCochella-Regular;
    src: url('../font/MADECoachella-Regular.otf');
}
@font-face{
    font-family: MadeCochella-Thin;
    src: url('../font/MADECoachella-Thin.otf');
}

/*fonts*/
.coachella-black{
    font-family: 'MadeCochella-Black', sans-serif;
}
.coachella-bold{
    font-family: 'MadeCochella-Bold', sans-serif;
}
.coachella-light{
    font-family: 'MadeCochella-Light', sans-serif;
}
.coachella-medium{
    font-family: 'MadeCochella-Medium', sans-serif;
}
.coachella-regular{
    font-family: 'MadeCochella-Regular', sans-serif;
}
.coachella-thin{
    font-family: 'MadeCochella-Thin', sans-serif;
}

.app-meraki{
    background-color: white;
}

.content-main{
    padding: 3rem 0;
}

.feedback {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #797878;
}

.button-blue{
    width: 95%;
    margin: 0 auto;
    background-color: var(--dark-blue) !important;
    font-family:'Montserrat', sans-serif !important;
    font-size: 1.5rem !important;
    color: white !important;
    border: 2px solid var(--dark-blue) !important;
}
.button-blue:hover{
    background-color: white !important;
    color: var(--dark-blue) !important;
}