#allrecords a:focus-visible {
    outline: none !important;
    opacity: 0.7;
}

:root {
/*colors*/
  --main-color: #1c3549;
  --bg-color: #F3F2EE;
  --text-color: #222325;
  --hover-color: #0CABBB;
  
/*font-size*/
  --text: 18px;
  --h3: 26px;
  --h2: 42px;
  --h1: 48px;
}


    @media screen and (max-width: 1200px) {
        :root {
            --text: 16px;
            --h3: 22px;
            --h2: 28px;
            --h1: 36px;
        }
    }

    @media screen and (max-width: 640px) {
        :root {
            --text: 14px;
            --h3: 18px;
            --h2: 22px;
            --h1: 28px;
        }
    }