/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #111111;
  color: white;
  font-family: garamond;
  font-size: 20px;
}

a {
color: white; 
}

h6.logo {
  font-size: 20;
  font-weight: normal;
  line-height: -15;
  }
  
p {
    line-height: 2;
  }

.header {
  background-color: #323232;
  position: fixed;
  top: 0;
  width: inherit;
  transition: transform 0.2s ease-in-out;  
  }
.header.hide {
  transform: translateY(-100%);
  }
  
#logo {
  width: 213px;
  height: 43px;
  text-align: right;
  line-height: 0;
  
  }

#container {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  
  border: 4px dotted white;
}

#main {
  max-width: 700px;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-top: 70px;
  justify-content: center;
  flex: 1;
  padding: 10px;
  order: 2;
  
  border: 4px dotted red;
}

.footer {
  width: 100%;
  min-height: 50px;
  
  
  border: 4px dotted white;
}

.footer ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  justify-content: space-evenly;
  }

.navbar{
  height: 15px;
}
  
/* 

███████  ██████  ███    ██ ████████ ███████ 
██      ██    ██ ████   ██    ██    ██      
█████   ██    ██ ██ ██  ██    ██    ███████ 
██      ██    ██ ██  ██ ██    ██         ██ 
██       ██████  ██   ████    ██    ███████


normal font: EB Garamond
*/
@font-face {
  font-family: 'garamond';
  src: url('fonts/EBGaramond-Regular.woff2') format('woff2'),
       url('fonts/EBGaramond-Regular.woff') format('woff');
}
/*italics for Crimson Pro Light*/
@font-face {
  font-family: 'garamond';
  src: url('fonts/CrimsonPro-LightItalic.woff2') format('woff2'),
      url('fonts/CrimsonPro-LightItalic.woff') format('woff');
  font-style: italic;
}
/*bold font: Crimson Pro */
@font-face {
  font-family: 'garamond';
  src: url('fonts/CrimsonPro-Bold.woff2') format('woff2'),
       url('fonts/CrimsonPro-Bold.woff') format('woff');
  font-weight: bold;
}
/*bold italics: Crimson Pro*/
@font-face {
  font-family: 'garamond';
  src: url('fonts/CrimsonPro-BoldItalic.woff2') format('woff2'),
       url('fonts/CrimsonPro-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}



/**/



/* STOLEN CODE


Make images easier to work with
img,
picture {
  display: block;
  max-width: 100%;
}

*/