@font-face
{
   font-family: "Architects Daughter";
   font-weight: 400;
   font-display: swap;
   src: url('../Architects-Daughter.woff2') format('woff2'),
        url('../Architects-Daughter.woff') format('woff');
}
@font-face
{
   font-family: "Roboto";
   font-weight: 400;
   font-weight: 100;
   font-display: swap;
   src: url('../Roboto-Thin.woff2') format('woff2'),
        url('../Roboto-Thin.woff') format('woff');
}
@font-face
{
   font-family: "Roboto";
   font-weight: 400;
   font-weight: 300;
   font-display: swap;
   src: url('../Roboto-Light.woff2') format('woff2'),
        url('../Roboto-Light.woff') format('woff');
}
@font-face
{
   font-family: "Roboto";
   font-weight: 400;
   font-display: swap;
   src: url('../Roboto.woff2') format('woff2'),
        url('../Roboto.woff') format('woff');
}
@font-face
{
   font-family: "Roboto";
   font-weight: 500;
   font-display: swap;
   src: url('../Roboto-Medium.woff2') format('woff2'),
        url('../Roboto-Medium.woff') format('woff');
}
@font-face
{
   font-family: "Roboto Heavy";
   font-display: swap;
   src: url('../Roboto-Heavy.woff2') format('woff2'),
        url('../Roboto-Heavy.woff') format('woff');
}
@font-face
{
   font-family: "Roboto Slab";
   font-weight: 400;
   font-display: swap;
   font-weight: 100 900;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   src: url('../Roboto-Slab-subset0.woff2') format('woff2');
}
h1, .h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h2, .h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h3, .h3
{
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h4, .h4
{
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h5, .h5
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
h6, .h6
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline;
}
.initially-hidden
{
   text-decoration: none;
   background-color: transparent;
   opacity: 0;
}
.blurred-backdrop
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.50);
   --background-color: rgba(0,0,0,0.50);
   backdrop-filter: blur(10px) ;
   -webkit-backdrop-filter: blur(10px) ;
   padding: 10px 10px 10px 10px;
}
.blurred-backdrop_copy
{
   text-decoration: none;
   background-color: rgba(0,0,0,0.50);
   --background-color: rgba(0,0,0,0.50);
   filter: saturate(78%) ;
   backdrop-filter: blur(91px) brightness(25%) contrast(36%) saturate(60%) ;
   -webkit-backdrop-filter: blur(91px) brightness(25%) contrast(36%) saturate(60%) ;
   padding: 10px 10px 10px 10px;
   backdrop-filter: blur(10px) saturate(60%);
   filter: saturate(50%);
}
@media only screen and (max-width: 480px)
{
}