body {
    background-color: #2c2c2c;
    color: #FFFFFF;
    font-family: "klavika", arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[role="main"],
main {
  letter-spacing: 1em;
}

#external_container {
    width:100%;
}

#network {
    z-index: -10;
    position: absolute;
    top:200px;
    left:50%;
    margin-left:-300px;
    height:500px;
    width:600px;
    /*border:1px solid green*/;
    /*background: url(../images/background.svg) no-repeat center;*/
}

#background {
    max-width:1000px;
    /*border:1px solid mediumpurple*/;
    margin:auto;
    text-align: center;
}

/* logo */
#logo_container {
    padding-top: 80px;
    width:200px;
    margin: auto;
}

#enigma_logo {
    fill: #f25b56;
}

/* text */

#text {
    font-family: "klavika";
    padding-top: 80px;
    text-transform: uppercase;
    text-align: center;
    font-size: 2em;
    letter-spacing: 0.05em;
}

/* countdown */
#clock {
    padding-top: 100px;
    margin: auto;
}

#time_table {
    margin:auto;
}
#time_values {
    font-size: 10em;
}

.time_value {
    padding-left:20px;
    padding-right: 20px;
    font-family: "klavika-light";
    /*FIXME:glow*/
}

#time_text {
    font-family: "klavika-medium";
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    color:#808080;
    letter-spacing: 0.05em;

}

/* logos */

#organizers {
    padding-top:150px;
    margin:auto;
    opacity:0.8;
    font-size: 2em;
    vertical-align: middle;
}

#organizers span {
    margin:auto;
    padding-left: 40px;
    /*border:1px lightpink solid*/;
}

#organizers img {
    width:150px;
}

body{
  background:black;
  font-family: "klavika", sans-serif;
}