html { 
  background: url(img/cocktail1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  font-family: sans-serif;
}

select {
  border: 1px solid black;
  border-radius: 3px;
  font-family: "Segoe UI Symbol", 'Open Sans', sans-serif;
}

#lang {
  text-align: center;
}

.flag {
  background-repeat: no-repeat;
  background-position: center;
  width: 52px;
  height: 40px;
  display: inline-block;
  margin: 10px;
  padding: 5px;
  border-radius: 8px;
  border-color: white;
  cursor: pointer;
}

h1 {
  display_ block;
  text-align: center;
}

.active {
  background-color: #9999FFEE;
}

.flag-us {
  background-image: url(flag/us.png);
}

.flag-de {
  background-image: url(flag/de.png);
}

.flag-sc {
  background-image: url(flag/sc.png);
}

#bigText {
  font-size: 200%;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

.domain {
  color: red;
}

#midbox {
  max-width: 500px;
  min-width: 300px;
  margin: auto;
  padding: 20px;
  border-radius: 20px;
  background-color: #ffffffbb;
}