/* --------------------
	Layout and Sizing
   -------------------- */

html, body {
  height: 100%;
}
.background {
  position: fixed;
  background: #28ABE5;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}
.lead-in {
  position: absolute;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

 .lead-in h2 {
   margin-top: 25px;
   font-size: 60px;
 }

@media only screen and (max-width: 990px)  {
  #HH {
    margin-top: 0;
  }
}

.lead-in .social {
  width: 225px;
  margin: 0 auto;
}

.lead-in .social a {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 30px;
  position: relative;
  cursor: pointer;
  text-indent: -9999px;
  white-space: nowrap;
  color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.lead-in .social a.linkedin {
  background-image: url("../images/linkedin.png");
}
.lead-in .social a.github {
  background-image: url("../images/github.png");
}



/* --------------------
	Text Styling
   -------------------- */
 @font-face {
     font-family: "Ubuntu";
     src: url("../fonts/Ubuntu-L.ttf");
 }

 @font-face {
     font-family: "Cabin";
     src: url("../fonts/Cabin-Medium.otf");
 }

.lead-in h2 {
	color: #fff;
	font-family: Ubuntu, helvetica, sans-serif;
	text-align: center;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
  -moz-font-smoothing:antialiased;
  text-rendering: optimizelegibility;

}

* {
  font-family: 'Open Sans', sans-serif;
}

.about-me {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 20px;

}

.about-me h3 {
  font-size: 35px;

}

ul {
  list-style: square;

}