html {
  width: 100%;
  margin: 0 auto;
}

body {
  background-color: #1c1d21;
}

.mainDiv {
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.jumbotron {
  height: 800px;
  width: 100%;
  background-image: url(./images/bg2.jpg);
  z-index: 1;
  color: #f4f7fc;
  margin-bottom: -10;
}

.jumbotron h1 {
  padding-top: 100px;
  font-size: 12vh;
}

.jumbotron p {
  font-size: 4vh;
}

.jumboFill {
  height: 400px;
  background-image: url(./images/cut1.png);
}

h1 {
  font-family: "Source Sans Pro", sans-serif;
  opacity: 1;
}

.row {
  margin: 0 auto;
  background-color: white;
}

.row p {
  padding: 10px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}

.row .skillIcons {
  text-align: center;
  padding: 10px;
}

.row .card {
  margin: 10px;
}

.row h1 {
  color: #f4f7fc;
  font-size: 9vh;
  margin: 60 0 40 50;
}

.row a {
  text-align: center;
}

.row .skillIcons {
  font-size: 4vh;
}

footer {
  height: 70px;
  text-align: center;
  background-color: #ea1c31;
  overflow: hidden;
}

footer a {
  padding: 0 10 10 0;
  color: #f4f7fc;
  margin: 0 auto;
  font-size: 2rem;
}

.sec1 {
  z-index: 2;
  height: 800px;
  background-color: #ea1c31;
  color: white;
  
}
#resume {
  font-family: "Source Sans Pro", sans-serif;
  color: black;
  font-size: 1.4rem;
}
#resume:hover{
  color: white;
}
.sec2 {
  height: 200px;
  background-color: black;
}

.sec22 {
  margin: 0 auto;
  padding: 0;
  background-color: black;
  color: #f4f7fc;
  display: flex;
  flex-direction: column;
}

.sec3 {
  height: 400px;
  background-color: black;
  color: white;
}

.sec33 {
  height: 300px;
  background-image: url(./images/cut1.png);
  background-position: -1;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

p {
  font-size: 3vh;
}

#email {
  font-family: "Source Sans Pro", sans-serif;
  color: white;
}

a:link {
  color: #f4f7fc;
  text-decoration: none;
}

a:hover {
  color: #f4f7fc;
}

.ani3 {
  animation-iteration-count: infinite;
  margin-left: -18;
}

.decal {
  font-size: 10vh;
  float: right;
}


#pr1 {
  background-color: turquoise;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#pr1 img {
 width: 100%;
 transition: .2s all;
}
img:hover{
  opacity: 0.6;
}

#pr2 {
  background-color: turquoise;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#pr2 img {
 width: 100%;
 transition: .2s all;
}

#pr3 {
  background-color: turquoise;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#pr3 img {
  width: 100%;
  transition: .2s all;
}

#pr4 {
  background-color: turquoise;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#pr4 img {
  width: 100%;
  transition: .2s all;
}

#pr5 {
  background-color: turquoise;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#pr5 img {
  width: 100%;
  transition: .2s all;
}

#pr6,
#pr7,
#pr8,
#pr9,
#pr10 {
  background-color: black;
  width: 100%;
  color: white;
  width: 100%;
}

#pr6 p,
#pr7 p,
#pr8 p,
#pr9 p,
#pr10 p {
  font-size: 2vh;
}
/*# sourceMappingURL=style.css.map */