/* body {
    margin: 0;
    background-image: url("../images/light-grey-terrazzo/light-grey-terrazzo.png");
   
    
}
    
header {
    border-color: #cccccc;
    display: inline-block;
    background-color: #ffffff;
    width: 960px;
    height: 75px;
    position: static;
    top: 0;
}
#label {
    color: #4aaaa5;
    border-bottom: #cccccc solid 3px;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 10px;
    padding-bottom: 15px;
    
}

input[type=text], select, textarea {
        width: 920px;
        padding: 12px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
}
    
input[type=submit] {
        background-color: #4aaaa5;
        color: #ffffff;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
}
    
input[type=submit]:hover {
        background-color: #328b87;
}
    
.container {
        margin: 0 auto;
        width: 920px;
        border-radius: 5px;
        background-color: #ffffff;
        padding: 20px;
        font-family: Arial, Helvetica, sans-serif;
}
 
    

.clearfix::after {
    content: "";
    clear: both;
    display: table;
} */
/* #name {
    color: #ffffff;
    font-size: 30px;
    display: inline-block;
    background-color: #4aaaa5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: bottom;
    width: 20%; */
    /* padding: 20px 20px; */
    /* padding-top: 29px;
    padding-bottom: 12px;
    padding-left: 12px;
    
} */
    
/*     

#mypic {
    margin-left: 20px;
    float: left;
    padding-right: 15px;
}
h1 {
    margin-left: 20px;
    padding-bottom: 20px;
    padding-top: -20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    float: none;
    color: #4aaaa5;
    border-bottom: #cccccc solid 2px;
}
p {
    margin-top: -10px;
    font-size: 20px;
    margin-right: 20px;
    margin-left: 20px;
    line-height: 2;
    color: black;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}
.everything {
    background-color:#ffffff;
    margin-top: -20px;
    margin-bottom: -20px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}
.center {
    width: 960px;
    margin: 0 auto;
}
.center a {
    border-right: 1px solid #cccccc;
    padding-right: 10px;
}

nav {
    float: right;
}
nav li {
    display: inline-block;
    margin: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

a:hover {
    background-color: #666666;
    color: #ffffff;
}
a:link {
    color: #cccccc;
}
a:hover {
    background-color: #666666;
    color: #dddddd;
    
}
a:visited {
    color: #cccccc;
}

.gallery img:hover {
    opacity: .5;
    border: #4aaaa5 solid 6px;
}

.gallery {
     width: 800px;
     margin: 0 auto;
}
.gallery img {
    display: inline-block;
    border: 3px solid #4aaaa5;
    margin: 30px;
    width: 260px;
    height: 300px;
    position: relative;
}
.gallery a {
    background-color: #ffffff;
    text-decoration: none;
    
}
 
/* footer {
    width: 100%;
    color: #ffffff;
    padding: 20px 0px;
    text-align: center;
    background-color: #666666;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: #4aaaa5 solid 6px;
    font-size: 12px;
} */ 
#footed {
    width: 100%;
    color: #ffffff;
    padding: 20px 0px;
    text-align: center;
    background-color: #666666;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: #4aaaa5 solid 6px;
    font-size: 12px;
} 
body {
    /* margin: 0; */
    background-image: url("../images/light-grey-terrazzo/light-grey-terrazzo.png");
    border-color: #dddddd;
    
}
    
#portLetter {
    background-color: rgb(120, 180, 236);
    text-decoration: underline;
}

header {
    border-color: #cccccc;
    display: inline-block;
    background-color: #ffffff;
    width: 960px;
    height: 75px;
    position: static;
    top: 0;
}
#label {
    color: #4aaaa5;
    border-bottom: #cccccc solid 3px;
    font-size: 50px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: center;
    
}

input[type=text], select, textarea {
        width: 920px;
        padding: 12px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        box-sizing: border-box;
        margin-top: 6px;
        margin-bottom: 16px;
        resize: vertical;
}
    
input[type=submit] {
        background-color: #4aaaa5;
        color: #ffffff;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
}
    
input[type=submit]:hover {
        background-color: #328b87;
}
    
.container {
        margin: 0 auto;
        /* width: 920px; */
        border-radius: 5px;
        /* background-color: #ffffff; */
        padding: 20px;
        font-family: Arial, Helvetica, sans-serif;
}
 
    

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
#name {
    color: #ffffff;
    font-size: 30px;
    display: inline-block;
    background-color: #4aaaa5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-align: bottom;
    width: 20%;
    /* padding: 20px 20px; */
    padding-top: 29px;
    padding-bottom: 12px;
    padding-left: 12px;
    
}
    
    

#mypic {
    margin-left: 20px;
    float: left;
    padding-right: 15px;
    height: 300px;
}
h1 {
    /* margin-left: 20px; */
    padding-bottom: 10px;
    padding-top: -20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    float: none;
    color: #4aaaa5;
    /* border-bottom: #cccccc solid 2px; */
}
#bigName {
    color: blue;
    text-align: center;
    position: absolute;
    top: 50%; 
    /* width: 100%;  */
    border-bottom: none;
    /* border: #ffffff, solid, 2px; */
    background-color: red;
     /* margin-left: 29%; */
    padding-top: 7px;
    /* padding-bottom: 12px; */
    /* padding-left: 12px;  */
    margin: 0 auto; 
    left: 35%;
    right: 35%;
}
p {
    margin-top: -10px;
    font-size: 20px;
    margin-right: 20px;
    margin-left: 20px;
    line-height: 2;
    color: black;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
}
p1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    display: inline-block;
}
.githublink {
    text-align: center;
}
#githublink {
    text-align: center;
    margin-bottom: 100px;
}
.everything {
    background-color:#ffffff;
    margin-top: -20px;
    margin-bottom: -20px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}
.center {
    width: 960px;
    margin: 0 auto;
}
.center a {
    border-right: 1px solid #cccccc;
    padding-right: 10px;
}

nav {
    float: right;
}
nav li {
    display: inline-block;
    margin: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

a:hover {
    /* background-color: #666666; */
    color: #ffffff;
}
a:link {
    color: #cccccc;
}
a:hover {
    /* background-color: #666666; */
    color: #dddddd;
    
}
a:visited {
    /* color: #cccccc; */
}

a.link2 {
color: rgb(219, 51, 51);
}
a.link2:hover {
    color: rgb(51, 53, 202);
    }
/* a.link2:visited {
        color: rgb(202, 111, 51);
        } */
.gallery img:hover {
    opacity: .5;
    border: #4aaaa5 solid 6px;
}

.gallery {
     width: 600px;
     margin: 0 auto;
}
.gallery img {
    display: inline-block;
    border: 3px solid #4aaaa5;
    margin: 30px;
    /* width: 260px; */
    width: 518px;
    /* height: 300px; */
    height: 406px;
    position: relative;
}
.gallery a {
    /* background-color: #ffffff; */
    text-decoration: none;
    
}
 
/* footer {
    width: 100%;
    color: #ffffff;
    padding: 20px 0px;
    text-align: center;
    background-color: #666666;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: #4aaaa5 solid 6px;
    font-size: 12px;
} */
footer {
    text-align: center;
    padding: 20px 0 20px;
    box-sizing:border-box;-moz-box-sizing:border-box;
    position:relative;
    z-index:2;
    background:#FFF;
    width:100%;
    height:auto;
    margin:0;
     -webkit-box-shadow: 90px 6px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 90px 6px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 90px 6px 5px rgba(50, 50, 50, 0.75);
  
}

.MainContainer {
    perspective: 1px;
    transform-style: preserve-3d;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
   
  }
  
  .ParallaxContainer {
    display: flex;
    flex: 1 0 auto;
    position: relative;
    height: 100vh;
    transform: translateZ(-1px) scale(2);
    z-index: -1;
  }
    
  .ContentContainer {
    display: block;
    position: relative;
    background-color: white;
    z-index: 1;
  }
  .parallax {
    position:relative;
    z-index:1;
    height:450px;
    -webkit-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
  box-shadow: inset 0px -6px 5px rgba(50, 50, 50, 0.75);
  text-align: center;
  }
  
  #trans1 {
    background: url('../images/codeTop.jpeg') no-repeat fixed;
    height:741px;background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
  }
  
  #trans2 {
    background: url('../images/computerDesk.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 740px;;
  }
  #aboutMe {
      height: 600px;
      background: burlywood;
      background-image:
    linear-gradient(
      rgb(211, 228, 247), #4eb5f0
    );
  }

#portfolioOne {
    text-align: center;
}
#portfolioTwo {
    color: blue;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 27%;
    border-bottom: none;
    border: #ffffff, solid, 2px;
    background-color: red;
    /* margin-left: 34%; */
    padding-top: 7px;
    padding-bottom: 12px;
    padding-left: 12px;
    /* margin: 0 100px 0 100px; */
    left: 35%;
    right: 35%;
}
.gallery a {
    /* background-color: rgb(120, 180, 236); */
    text-decoration: underline;
}
#trans3 {
    background: url('../images/contactMe.jpeg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:680px;
  }

  #finalPage {
    color: blue;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 34%;
    border-bottom: none;
    border: #ffffff, solid, 2px;
    background-color: red;
    margin-left: 29%;
    padding-top: 7px;
    padding-bottom: 12px;
    padding-left: 12px;
    margin: auto, 0;
  }
  #finalDiv {
    color: blue;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 34%;
    border-bottom: none;
    border: #ffffff, solid, 2px;
    background-color: red;
    margin-left: 29%;
    padding-top: 60px;
    padding-bottom: 60px;
    /* padding-left: 12px; */
    margin: 0 auto;
    left: 35%;
    right: 35%;
    border: white 2px solid;
    background-color: rgb(120, 180, 236);
  }
  #connect {
      font-size: 70px;
  }

  .bigName {
      text-align: center;

  }

   .color {
      /* background-color: green; */
      /* font-size: 400px; */
      /* padding: 90px; */
      color: blue;
    text-align: center;
    position: absolute;
    top: 50%; 
    /* width: 100%;  */
    /* border-bottom: none; */
    /* border: #ffffff, solid, 2px; */
    background-color: rgb(120, 180, 236);
     /* margin-left: 29%; */
    padding-top: 7px;
    /* padding-bottom: 12px; */
    /* padding-left: 12px;  */
    margin: 0 auto; 
    left: 35%;
    right: 35%;
    border: white 2px solid;
  }

  .fa-envelope {
      color: #caced1;
  }
  .fa-github-square  {
      color: #caced1;
  }
  .fa-linkedin {
      color: #caced1;
  }