/**
 **  DEREKTBROWN.COM
 **  STYLESHEETS
 **  COPYRIGHT DEREK BROWN 2017
 **/
/* FONTS */
.font-cursive, h2 {
  font-family: "Shadows Into Light", cursive;
}

.font-body, div#right section, div#right div#menu, body, h3, h1 {
  font-family: "Open Sans", sans-serif;
}

h1 {
  font-size: 480%;
  font-weight: 700;
  line-height: 1em;
}

h2 {
  font-size: 280%;
  font-weight: 300;
  line-height: 1.1em;
}

h3 {
  font-size: 220%;
  font-weight: 300;
}

/* BODY */
/* SPLIT FORMAT */
div#left section, div#right section {
  height: 100vh;
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
div#left section.welcome, div#right section.welcome {
  display: flex;
}

/* LEFT SIDE */
div#left section.welcome {
  background: #1E4875;
}
div#left section.welcome div.message {
  padding-top: 10vh;
  text-align: center;
}
div#left section.welcome div.social-bar {
  padding-top: 10px;
  padding-bottom: 8vh;
}
div#left section.welcome div.social-bar a i {
  color: #0b233d;
  margin: 0 5px;
  font-size: 22pt;
  line-height: 48pt;
  text-align: center;
  height: 48pt;
  width: 48pt;
  border-radius: 50%;
}
div#left section.welcome div.social-bar a i:hover {
  color: #fff;
  background-color: #0b233d;
}

/* RIGHT SIDE */
div#right div#menu {
  position: absolute;
  font-size: 200%;
  line-height: 150%;
  font-weight: 300;
}
div#right div#menu .uk-subnav-pill > .uk-active > * {
  background-color: #1E4875;
}
div#right section {
  width: 80%;
  margin-left: 35px;
  font-size: 1.2em;
}

/*# sourceMappingURL=derek.css.map */