@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWV4exQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4uaVc.ttf) format('truetype');
}

.inverted .logo a, .inverted .logo a:link, .inverted .logo a:active, .inverted .logo a:hover, .inverted .logo a:visited {
  color: #fff;
}

.logo a, .logo a:link, .logo a:active, .logo a:hover, .logo a:visited {
  color: #000;
}

.logo h3 {
  padding: 14px 18px;
  line-height: 16px;
}

.inverted.main.menu .toc.item {
  display: none;
}

@media only screen and (max-width: 767px) {
  .ui.fixed.menu {
    display: none !important;
  }
  .inverted.main.menu .item:not(.header),
  .inverted.main.menu .menu {
    display: none;
  }
  .inverted.main.menu .toc.item {
    display: inherit;
  }
  .masthead h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
}

p {
  font-size: 16px;
  line-height: 1.5;
}

a, a:link, a:active, a:hover, a:visited {
  color: #054000;
}

h1, h2, h3 {
  font-family: "Roboto Slab", serif;
}

h1.sans-serif, h2.sans-serif, h3.sans-serif {
  font-family: "Lato", sans-serif;
}

h1, h2 {
  font-weight: 400;
}

h1.ui, h2.ui {
  font-weight: 400;
}

h3 {
  font-weight: 600;
}

h3.ui {
  font-weight: 600;
}

h1.big {
  font-weight: 300;
  font-size: 48px;
}

h1.title {
  font-weight: 300;
  font-size: 56px;
}

body.pushable > .pusher {
  background-color: #054000;
}

.ui.transparent.menu {
  background: none;
}

img.logo {
  margin-right: 1.5em !important;
  border-radius: 100%;
}

.ui.inverted.vertical.masthead.center.aligned.segment {
  z-index: 100;
  background: rgba(27, 28, 29, 0.71);
}

.ui.vertical.segment:not(.inverted) {
  background-color: #FFFFFF;
}

.ui.inverted.vertical.footer {
  background-color: #054000;
  color: #42a675;
}

.ui.vertical.segment.title-band {
  margin-top: -80px;
  min-height: 180px;
  padding-top: 80px;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/themes/al2016/assets/images/pony.png");
  background-size: cover;
  background-position: center center;
  color: white;
}

.ui.vertical.segment.title-band h1.title {
  margin-top: 10px;
}

.ui.vertical.segment.title-band h2.subtitle {
  margin: 0;
  font-weight: 300;
}

.footer p {
  font-size: 14px;
}

.footer.segment {
  padding: 5em 0em;
}

.hidden.menu {
  display: none;
}

.header {
  font-family: "Roboto Slab", serif;
}

.ui.items > .item > .content > .inverted.header {
  color: #FFFFFF;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
}

.ui.inverted.segment a:link, .ui.inverted.segment a:hover, .ui.inverted.segment a:active, .ui.inverted.segment a:visited {
  color: #FFF;
}

.ui.inverted.discord.segment {
  background-color: #7289DA !important;
  color: #FFF;
}

.ui.inverted.keybase.segment {
  background-color: #FF7100 !important;
  color: #FFF;
}

.ui.inverted.linkedin.segment {
  background-color: #0077B5 !important;
  color: #FFF;
}

.ui.inverted.steam.segment {
  background-color: #000 !important;
  color: #FFF;
}

.ui.inverted.twitter.segment {
  background-color: #1DA1F2 !important;
  color: #FFF;
}

#home .ui.secondary.inverted.pointing.menu {
  border-color: rgba(34, 36, 38, 0);
}

#home .masthead.segment {
  background: linear-gradient(rgba(49, 49, 49, 0.45), rgba(49, 49, 49, 0.45)), url("/themes/al2016/assets/images/pony.png"), #222;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 550px;
  padding: 1em 0em;
}

#home .masthead .logo.item img {
  margin-right: 1em;
}

#home .masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}

#home .masthead h1.ui.header {
  margin-top: 3em;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  #home .masthead h1.ui.header {
    margin-top: 2em;
    font-size: 3em;
  }
}

#home .masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}

#home .ui.vertical.stripe {
  padding: 4em 0em;
}

#home .ui.vertical.stripe h3 {
  font-size: 2em;
}

#home .ui.vertical.stripe .button + h3,
#home .ui.vertical.stripe p + h3 {
  margin-top: 3em;
}

#home .ui.vertical.stripe .floated.image {
  clear: both;
}

#home .ui.vertical.stripe p {
  font-size: 1.33em;
}

#home .ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em;
}

#home .quote.stripe.segment {
  padding: 0em;
}

#home .quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}

@media only screen and (max-width: 767px) {
  #home .masthead.segment {
    min-height: 350px;
  }
  #home .masthead h2 {
    margin-bottom: 5.7em;
  }
}

#about .skill-circle {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#about .circlecontent {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}

#about .circlecontent h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateX(-50%) translateY(-50%);
  font-size: 35px;
}

#about .ui.circular {
  display: inline-block;
  text-align: center;
}

#about .ui.circular.css {
  background-color: #6a5465;
}

#about .ui.circular.css h2 {
  color: #FFFFFF;
}

#about .ui.circular.css h2 .sub.header {
  color: #FFFFFF;
}

#about .ui.circular.html {
  background-color: #ea6237;
}

#about .ui.circular.html h2 {
  color: #FFFFFF;
}

#about .ui.circular.js {
  background-color: #f3e374;
}

#about .ui.circular.js h2 {
  color: #333333;
}

#about .ui.circular.php {
  background-color: #4F5B93;
}

#about .ui.circular.php h2 {
  color: #FFFFFF;
}

#about .ui.circular.nodejs {
  background-color: #80bd01;
}

#about .ui.circular.nodejs h2 {
  color: #333333;
}

#about .ui.circular.golang {
  background-color: #375EAB;
}

#about .ui.circular.golang h2 {
  color: #FFFFFF;
}

#about .ui.circular.gulp {
  background-color: #CF4646;
}

#about .ui.circular.gulp h2 {
  color: #FFFFFF;
}

#about .ui.circular.mysql {
  background-color: #ffa518;
}

#about .ui.circular.mysql h2 {
  color: #FFFFFF;
}

#about .ui.circular.unix {
  background-color: #000000;
}

#about .ui.circular.unix h2 {
  color: #FFFFFF;
}

#portfolio .logos.mwbf {
  color: #38f2d3;
  font-family: "Roboto Slab";
  font-size: 42px;
  font-weight: 800;
  text-shadow: 1px 1px 1px #696969;
}

.top-margin {
  margin-top: 21px;
}

.left-margin {
  margin-left: 6px !important;
}

.ui.section-padding-top {
  padding-top: 20px;
}

.ui.section-padding-top.double {
  padding-top: 40px;
}

.ui.section-padding-bottom {
  padding-bottom: 20px;
}

.ui.section-padding-bottom.double {
  padding-bottom: 40px;
}

.inline {
  display: inline;
}

.text-middle {
  vertical-align: middle;
}

.ui.vertical.segment.mwbf {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/themes/al2016/assets/images/portfolio/mwbf1.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 100%;
  border-bottom: 0;
  color: #FFF;
}

.ui.vertical.segment.pvfm {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/themes/al2016/assets/images/portfolio/pvfm1.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 100%;
  border-bottom: 0;
  color: #FFF;
}

.ui.vertical.segment.ukofe {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/themes/al2016/assets/images/portfolio/ukofe1.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 100%;
  border-bottom: 0;
  color: #FFF;
}

.blog-post article .meta {
  margin-bottom: 12px;
}

.blog-post article p {
  margin: 20px 0 !important;
  line-height: 1.25em;
  text-align: justify;
}

.blog-post article p img {
  max-width: 1127px;
  width: 100%;
}

.discord-icon {
  max-width: 60px !important;
  max-height: 60px !important;
}

@media only screen and (max-width: 767px) {
  .ui.items > .item > .image.discord-icon {
    max-width: 60px !important;
    max-height: 60px !important;
  }
}