/* line 3, main.scss */
html {
  height: 100%;
  background: url("../img/background.png");
  font-family: "Roboto", sans-serif;
}

/* line 11, main.scss */
h2 {
  font-weight: 300;
}

/* line 15, main.scss */
div.center {
  width: 900px;
  margin: 200px auto auto auto;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  background: white;
  box-shadow: 10px 10px 40px #a44;
}

/* line 30, main.scss */
div.center h1 {
  font-weight: 100;
  font-size: 50pt;
  margin: 20px 0px 30px 0px;
}

/* line 37, main.scss */
div.fade {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  pointer-events: none;
}

/* line 50, main.scss */
.nav {
  list-style: none;
  padding-left: 0px;
  margin: 0px 0px 30px 0px;
}

/* line 57, main.scss */
.nav_item {
  display: inline-block;
  margin: auto 20px;
  width: 150px;
  cursor: pointer;
}

/* line 66, main.scss */
.nav_item div.nav_button {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 72pt;
  margin-top: -30px;
}

/* line 75, main.scss */
.nav_item div.text {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14pt;
}

/* line 83, main.scss */
.expand {
  background-color: #f99;
  box-shadow: 50px 0px 30px -40px #f99 inset, -50px 0px 30px -40px #f99 inset,  0px -5px 10px -9px #933 inset,  0px 5px 10px -9px #933 inset;
  margin: 0px -30px;
  padding: 30px 30px;
}

/* line 94, main.scss */
.expand * {
  color: white;
  margin: 0px 5px;
  vertical-align: middle;
}

/* line 100, main.scss */
.contact_entry p, h2 {
  display: inline-block;
}

/* line 104, main.scss */
div.popover {
  width: 800px;
  padding: 20px;
  margin: 0px 0px 50px 0px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #444;
  text-align: center;
  position: absolute;
  top: -3500px;
  opacity: 0;
}

/* line 123, main.scss */
div.popover h1 {
  font-weight: 100;
  font-size: 30pt;
  margin: 20px 0px 30px 0px;
}

/* line 130, main.scss */
div.popover h2 {
  font-weight: 300;
  font-size: 20pt;
  margin: 20px 0px 0px 0px;
}

/* line 137, main.scss */
div.popover h3 {
  text-align: left;
  font-weight: 300;
  font-size: 18pt;
  margin: 0px;
}

/* line 145, main.scss */
div.popover ol {
  margin: 10px;
}

/* line 149, main.scss */
div.popover ol li {
  text-align: left;
}

/* line 153, main.scss */
div.popover ul {
  margin: 10px auto 0px auto;
  width: 400px;
}

/* line 159, main.scss */
div.popover ul li {
  text-align: left;
}

/* line 163, main.scss */
div.close {
  width: 15px;
  height: 15px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-image: url("../img/close.png");
  cursor: pointer;
}