@font-face {
    font-family: 'Inconsolata';
    src: url('font/Inconsolata-VariableFont_wdth,wght.ttf') format('truetype'); /*local('Inconsolata');*/
}

body, html {
    height: 100%;
}

body {
    background: black;
    font-family: 'Inconsolata', monospace;
    font-weight: 300;
    height: 100%;
    color: white;
    margin:0px;
}


.bg {
  background-image: url("bruto_bg.gif");
/*  background-image:  url("bruto_dystopie_comp.gif");*/

  /* Full height */
  height: 100%;
  width: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgcolor {
    /*background-color: rgba(0,0,0,0.0);*/
}


#bgVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

button {
    font-family: 'Inconsolata', monospace;
    font-weight: 200;
    font-size: 2.5em; 
    padding: 0.65em 1.7em;
    color: white;
    border-style: ridge;
    background-color: rgba(0,0,0,0.7);
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#container {
    position: relative;
    width: 92%;
    left: 4%;
    /*height: 100%;*/
    height: 100%;
}

#content {
    padding: 10px;
    font-size: 1.5em; 
    /*padding: 10px;
    margin-left: auto;
    margin-right: auto;*/
    /*background-color: rgba(0,0,0,0.6);*/
    text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
}

a {
    color: white;
    font-weight: 500;
}

pre {
    overflow-x: hidden;
    overflow-y: auto;
}

video {
    width: 100%;
}

.option {
    margin-bottom: 8px;
}

#media {
    max-width: 1280px;
}