/**************************************

   BASIC DEFINITIONS 

**************************************/


body {
  font-family: 'Montserrat', sans-serif;
  color: #BEBEBE;
  background-color: #222222;
  background-image: none;
  line-height: 32px;
  -webkit-font-smoothing:antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
}

p {
  font-size: 22px;
  font-weight: 300;
}

h1, h2, h3, h4 {
  font-family: 'Inconsolata', monospace;
}

div.navigation {
  padding-top: 12px;
  padding-bottom: 25px;
  padding-right: 32px;
  height: 50px;
  line-height: 50px;
}

div.navigation a {
  font-weight: 500;
  font-size: 22px;
  color:#FFF;
  
  text-decoration: none;
  padding-left: 48px;
  /* margin-left: 20px; */
  text-transform: lowercase;
  /* transition: all 0.2s ease-out; */
}

/*

    ✨ COLOUR DEFINITIONS ✨

  These colours are re-used in many parts of the website

*/

.colour1  { background-color: #3c3c3c; }
.colour2  { background-color: #525252; }
.colour3  { background-color: #74736a; }
.colour4  { background-color: #9f9e93; }
.colour5  { background-color: #d2cfc7; }
.colour6  { background-color: #e7e5df; }
.colour7  { background-color: #f1f0ec; }
.colour8  { background-color: #ef787b; } /* Red */
.colour9  { background-color: #f6915f; } /* Orange */
.colour10 { background-color: #fdcb71; } /* Yellow */
.colour11 { background-color: #99cb9b; } /* Green */
.colour12 { background-color: #6ccaca; } /* Cyan */
.colour13 { background-color: #6997c8; } /* Blue */
.colour14 { background-color: #ca98c9; } /* Purple */
.colour15 { background-color: #ce7b59; } /* Brown */