<?php ?>

<style>
  :root {
    --background-color: #FFFFFF;
    --background-color-secondary: #F7F9F7;
    --background-color-secondary-opacity: rgba(247, 249, 247, 0.5);

    --main: #4B294D;
    --dark-main: #4B294D;
    --active-dark-main: #ED755B;
    --active-light-main: #e8b8fb;

    --secondary: #FFF0EA;

    --grey-main: #c2b7c7;
    --grey-light-main: #F3EAD7;
    --grey-dark-main: #8e8495;

    --warning-red: #F73D3D;
  }

  * {
    margin: 0;
    padding: 0;

    box-sizing: border-box;

    border: none;
    outline: none;

    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;
    font-size: 16px;
    text-decoration: none;

    scroll-behavior: smooth;

    color: var(--dark-main);
  }

  .container {
    width: 100%;
    max-width: 1080px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-inline: auto;

    animation: fadeIn ease-in-out .15s backwards;
    animation-delay: .15s;
  }

  /*@media screen and (max-width: 675px) {*/
  /*  * {*/
  /*    font-size: 14px;*/
  /*  }*/
  /*}*/

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }
</style>
