:root {
    --pink: #c02b7d;
    --blue: #15326e;
    --palepink: #cca4ba;
    --grey: #c0c0c0;
  }
  body{background-color: white !important;}
#home-page h2,#home-page h3{font-size: 1.2500em;color:var(--pink);letter-spacing: 1px;text-transform: uppercase;text-align:center;font-family: 'Questrial', sans-serif;font-weight: bold;padding:.2em 0}
#home-page h2 a,h2 a:visited{color:var(--pink)}
#home-page h3{font-family:'Open Sans', sans-serif; font-size:.875em;text-transform:none;margin-top:1em;opacity: .8;}
div.flex-wrapper{margin: 1em;padding: .5em 0;}
div.flex-wrapper.noborder{border-top: none;margin-top:0;padding-top:0}
div.flex-applications{display:flex;justify-content:center;flex-flow:row wrap;}
a.flex-item{flex:auto;font-size:0.875em;border:2px solid var(--grey);border-radius:4px;padding:10px;margin:5px;color:var(--blue);background-color:rgb(255, 255, 255);text-align: center; transition: 0.2s;max-width:320px}
a.flex-item.rounded{font-family: 'Questrial', sans-serif;font-size:1em;padding:8px;text-transform:uppercase;border:2px solid var(--palepink);border-radius:20px}
a.flex-item.rounded:hover{color:white;background-color: var(--blue);border:2px solid var(--pink)}
a.flex-item, a.flex-item:visited{color: var(--blue);transition: 0.2s;font-weight:600}
a.flex-item:hover{color:white;background-color: var(--blue);border:2px solid var(--pink);cursor:pointer;}
a.flex-item.login{max-width:120px;padding:6px 4px 4px;border-radius: 20px;border:2px solid var(--palepink)}
a.flex-item.login:hover{border:2px solid var(--pink)}
a.flex-item img.svg {filter: invert(15%) sepia(27%) saturate(4569%) hue-rotate(206deg) brightness(95%) contrast(94%);}
a.flex-item:hover img.svg {filter: invert(100%) sepia(1%) saturate(3468%) hue-rotate(239deg) brightness(113%) contrast(100%);}
a.flex-item.back-arrow{font-size:1.5em;padding:0;margin:0;max-width:60px;border:2px solid var(--palepink);vertical-align: top;font-family: 'Questrial', sans-serif;}
a.flex-item.back-arrow:hover{border:2px solid var(--pink)}

@media screen and (min-width: 1024px) {
    div.flex-audience {border:none;}
}

