@font-face {
    font-family: 'StoatedLogo-Bold';
    src: url('/fonts/stoatedlogo-bold.woff2') format('woff2');
}

body {
   background-image: url("/decoration/darker_tweed.jpg");
   background-color: #3c2c1c;
   background-position: center; 
   background-repeat: no-repeat; 
   background-size: cover; 
   font-family: palatino, baskerville, serif;
   color: white;
   text-shadow: 0.2em 0.2em 0.4em #3c2c1c;
   }
   
h1 {
    font-size: 8em;
    font-weight: bold;
    margin-bottom: -0.2em;
    padding-top: 0em;
    padding-bottom: 0em;
   }   
   
h2 {
    font-size: 6em;
    font-weight: bold;
    margin: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
   }   

p {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }

.stoatedwordmark {
    font-family: 'StoatedLogo-Bold', palatino, baskerville, serif;

   }

  
.tagline {
    font-size: 2em;
    padding-top: 0em;
    padding-bottom: 2.5em;
    text-shadow: 0.2em 0.2em 0.2em #3c2c1c;
  }  

.main {
    padding-top: 1em;
    padding-bottom: 0.25em;
    text-align: center;
    }
    
.socials  {
    padding-top: 1em;
    padding-bottom: 0.25em;
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
    font-weight: bold;
    }
.logobox {
    position: relative;
    margin: auto;
    padding: none;
    }
         
.meta_logo {
    height:3em;
    width:3em;    
    padding: 1.5em;
    min-height: 29px; /* meta brand guidelines 29px for instagram 16px for Facebook*/
    min-width: 29px;
    background-image: radial-gradient(#3c2c1c 20%, transparent 60%, transparent 20%);
    }     

div.error {
   border-style: solid;
   border-width: thick;
   border-color: red;
   padding-top: 2em;
   padding-bottom: 2em;
   margin: 2em;
   background-color: #3c2c1c;
   color: #ffe0e0;
   }

p.error {
    font-size: 2em;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }