main.css

body {
  height:100%;
  margin:0;
}

#container {
  /*min-height: calc(100vh - 70px);*/
  padding: 100px 50px 100px 100px;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein 2s;
}

#container-left {
  /*min-height: calc(100vh - 70px);*/
  padding: 0px 100px 75px 100px;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
        animation: fadein 2s;
}

#pop {
  color: #5075A5;
}

#name {
  font-family:'Source Sans Pro', sans-serif;
  font-size:550%;
  margin:0px;
  text-align:left;
  padding:0px;
  margin-bottom: -30px;
  letter-spacing: 1px;
  line-height: 90px;
  padding-bottom: 15px;
}

#nav {
  font-family:'Source Sans Pro', sans-serif;
  color: black;
  padding-bottom:-10px;
  font-size:150%;
  text-align:right;
  padding: 0px 100px 0px 100px;
}

#greeting {
  font-family:'Source Sans Pro', sans-serif;
  color: black;
  text-align:left;
  padding-bottom:0px;
  font-size:350%;
  line-height: 100%;
}

.about {
  font-family:'Source Sans Pro', serif;
  font-weight: 300;
  text-align:left;
  font-size: 200%;
  padding-top: 0px;
  margin-top: 0px;
}

.talk {
  margin-bottom: 20px;
}

.title {
  font-family:'Source Sans Pro', serif;
  font-weight: 400;
  text-align: left;
  font-size: 250%;
  padding-top: 0px;
  margin: 0px;
  color: #5075A5;
}

.more {
  font-family: 'Source Sans Pro', serif;
  font-weight: 300;
  text-align: left;
  font-size: 200%;
  padding: 0px;
  margin: 0px;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.link, a.link:visited {
  color: black;
  font-weight: 400;
  text-decoration: none;
}

a.link:hover {
  /*background-color: rgba(0,0,0,0.3);*/
  text-decoration: underline;
}

.special-link, a.special-link:visited {
  font-weight: 400;
  text-decoration: none;
  color: white;
  border: 4px solid black;
  background: black;
  padding: 0px 6px 2px 6px;
  border-radius: 5px;
}

a.special-link:hover {
  /*background-color: rgba(0,0,0,0.3);*/
  text-decoration: none;
  background: #5075A5;
  border: 4px solid #5075A5;
}

#social {
  text-align:center;
  font-size:150%;
}

.fa:link, .fa:visited {
  color:black;
}

.text a:link, a:visited {
  color:black;
}

@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.fa:before {
  content: "\f015";
  position: absolute;
  font-family: FontAwesome;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.fa:hover:before, .fa:focus:before, .fa:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animatio hern-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

i {
  padding: 100px 75px 0px 0px;
  color: black;
  text-align: center;
}

/*scroll stuff*/
#text {
  color: black;
  /*overflow-y: scroll;*/
  /*height: 400px;
  width: 670px;*/
  padding-right: 10px;
}