/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
:root:before {
  content: url("../../public/images/encourage-screen-static.gif") url("../../public/images/encourage-screen.gif") url("../../public/images/petsitter-screen-static.png") url("../../public/images/petsitter-screen.gif") url("../../public/images/simon-screen-static2.gif") url("../../public/images/simon-screen2.gif") url("../../public/images/telaroid-screen-static.png") url("../../public/images/telaroid-screen.png") url("../../public/images/tic-tac-toe-screen-static.gif") url("../../public/images/tic-tac-toe-screen.gif");
  /* partial fallback */
  background-image: url("../../public/images/encourage-screen-static.gif");
  visibility: hidden;
  position: absolute;
  left: -999em; }

body {
  font-family: 'Raleway', sans-serif; }

div.about-container {
  opacity: 0;
  transition: 1.0s;
  position: relative;
  left: -300px; }
div.accent-bar {
  background-color: #587297;
  height: 10px;
  width: 50px; }
div.contact-header {
  left: -300px;
  opacity: 0;
  position: relative;
  transition: 1.0s; }
div.contact-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 300px;
  opacity: 0;
  position: relative;
  transition: 1.0s; }
div.encourage-div {
  background-color: lightgrey;
  background-image: url("../../public/images/encourage-screen-static.gif");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-bottom: 1px solid lightgrey;
  height: 200px;
  transition: 0.1s;
  width: 100%;
  z-index: 1000; }
  div.encourage-div:hover {
    background-image: url("../../public/images/encourage-screen.gif"); }
div.name-section {
  padding: 10px 0 20px 0;
  height: 130px; }
div.petsitter-div {
  background-color: lightgrey;
  background-image: url("../../public/images/petsitter-screen-static.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid lightgrey;
  height: 400px;
  transition: 0.1s;
  width: 100%;
  z-index: 1000; }
  div.petsitter-div:hover {
    background-image: url("../../public/images/petsitter-screen.gif"); }
div.portfolio-item {
  margin-bottom: 30px; }
div.projects1 {
  position: relative;
  opacity: 0;
  transition: 1.0s; }
div.projects2 {
  position: relative;
  top: -10px;
  opacity: 0;
  transition: 1.0s; }
div.projects3 {
  position: relative;
  left: -300px;
  opacity: 0;
  transition: 1.0s; }
div.projects4 {
  position: relative;
  left: 300px;
  opacity: 0;
  transition: 1.0s; }
div.projects5 {
  position: relative;
  left: -300px;
  opacity: 0;
  transition: 1.0s; }
div.projects6 {
  position: relative;
  left: 300px;
  opacity: 0;
  transition: 1.0s; }
div.section-header {
  padding-bottom: 30px;
  padding-left: 0px; }
div.simon-div {
  background-color: lightgrey;
  background-image: url("../../public/images/simon-screen-static.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid lightgrey;
  height: 200px;
  transition: 0.1s;
  width: 100%;
  z-index: 1000; }
  div.simon-div:hover {
    background-image: url("../../public/images/simon-screen.gif"); }
div.skills-header {
  left: -300px;
  opacity: 0;
  position: relative;
  transition: 1.0s; }
div.skills-list {
  border: 5px solid black;
  border-radius: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 300px;
  opacity: 0;
  padding: 20px;
  position: relative;
  transition: 1.0s; }
div.telaroid-div {
  background-color: lightgrey;
  background-image: url("../../public/images/telaroid-screen-static.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid lightgrey;
  height: 200px;
  transition: 0.1s;
  width: 100%;
  z-index: 1000; }
  div.telaroid-div:hover {
    background-image: url("../../public/images/telaroid-screen.png"); }
div.tic-tac-toe-div {
  background-color: lightgrey;
  background-image: url("../../public/images/tic-tac-toe-screen-static.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid lightgrey;
  height: 200px;
  transition: 0.1s;
  width: 100%;
  z-index: 1000; }
  div.tic-tac-toe-div:hover {
    background-image: url("../../public/images/tic-tac-toe-screen.gif"); }
div.top-header {
  position: relative;
  width: 100vw;
  top: 193px; }

h1 {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 50px;
  font-weight: 600; }

h2 {
  font-family: 'Anton', sans-serif;
  font-size: 40px; }

h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 30px;
  font-weight: 800; }

header {
  padding: 0;
  width: 100vw;
  height: 410px; }
  header:after {
    content: "";
    background-image: url("../../public/images/top-image6.png");
    background-size: 100% 100%;
    width: 100vw;
    height: 295px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 1.0;
    z-index: 1; }

img.contact-button {
  width: 50px;
  height: 50px;
  margin: 10px; }
img.icon {
  width: 100px;
  height: 100px;
  margin: 15px; }
img.my-photo {
  position: relative;
  width: 200px;
  z-index: 2;
  padding: 0; }

p.resume-text {
  color: #587297;
  font-size: 20px;
  font-weight: 800;
  margin-top: 20px; }

section {
  padding: 150px 0; }

.resume-link:hover {
  cursor: pointer; }

@media (min-width: 992px) {
  header {
    padding: 0 0 10px; } }

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