@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Thin.otf");
  font-style: normal;
  font-weight: 100; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Light.otf");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-LightItalic.otf");
  font-style: italic;
  font-weight: 200; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Regular.otf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-RegularItalic.otf");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Semibold.otf");
  font-style: bold;
  font-weight: 400; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Bold.otf");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-BoldIt.otf");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Extrabold.otf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/ProximaNova-Black.otf");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Light.otf");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: "Proxima Nova";
  src: url("/static/fonts/Avenir-LightOblique.otf");
  font-style: italic;
  font-weight: 200; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Book.otf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-BookOblique.otf");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Roman.otf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Oblique.otf");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Medium.otf");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-MediumOblique.otf");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Heavy.otf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-HeavyOblique.otf");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-Black.otf");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir";
  src: url("/static/fonts/Avenir-BlackOblique.otf");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-ExtraLight.otf");
  font-style: normal;
  font-weight: 100; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-ExtraLightObl.otf");
  font-style: italic;
  font-weight: 100; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Thin.ttf");
  font-style: normal;
  font-weight: 200; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Thin-Italic.ttf");
  font-style: italic;
  font-weight: 200; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Book.otf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-BookOblique.otf");
  font-style: italic;
  font-weight: 300; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Medium.otf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-MediumObl.otf");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Demi.otf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-DemiOblique.otf");
  font-style: italic;
  font-weight: 500; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-Bold.otf");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: "AvantGarde";
  src: url("/static/fonts/AvantGarde-BoldObl.otf");
  font-style: italic;
  font-weight: 600; }

html {
  font-family: "Proxima Nova"; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Proxima Nova';
  font-weight: 300; }

p, div, a {
  font-family: 'Proxima Nova';
  font-weight: 300; }

body {
  padding: 0;
  margin: 0;
}

.container {
  background-color: black;
  width: 100%;
  height: 100%;
  position: relative;

}

.theories {
  color: white;
  padding: 40px;
  position: absolute;
  bottom: 0;
  font-size: 18px;
  font-weight: 400;
}