@font-face {
    font-family: "Co Headline";
    src: url('/fonts/Co Headline Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Co Headline";
    src: url('/fonts/Co Headline Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: "Co Headline";
    src: url('/fonts/Co Headline Light.ttf') format('truetype');
    font-weight: lighter;
}

@font-face {
    font-family: "Co Text";
    src: url('/fonts/Co Text Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Co Text";
    src: url('/fonts/Co Text Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: "Co Text";
    src: url('/fonts/Co Text Light.ttf') format('truetype');
    font-weight: lighter;
}

:root {
    --MAINCOLOR: #7830DE;
    --SECONDARYCOLOR: #D83ACE;
    --TERTIARYCOLOR: #1E0343;
    --BACKGROUNDCOLOR: white;
    --BACKGROUNDSECONDARYCOLOR: #F2F3FA;
    --IMAGE: url('../img/bg-violet-no-border.png');
}

html, body {
    font-family: "Co Headline", "Open Sans", sans-serif !important;
}

h5 {
    color: var(--MAINCOLOR);
    
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

/*body {
    margin-bottom: 60px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}*/

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }



    50% {
        background-position: 100% 50%;
    }



    100% {
        background-position: 0% 50%;
    }
}