/* 
font-family: 'Abril Fatface', cursive; 
font-family: 'Bad Script', cursive;
font-family: 'Press Start 2P', cursive;  -- video game font
font-family: 'Berkshire Swash', cursive;
*/

a {
  text-decoration: none !important;
}

html body {
  background-color:black;
}

footer {
  color: #D3D3D3;
  margin-top: 1%;
  margin-bottom: 1%;
  font-family:Raleway;
}

h2 {
  font-family:Raleway !important;
  color:#d9534f !important;
}

img {
  display: block;
  margin: 0 auto;
}

ul {
  list-style:square;
}

.about-me-text {
  color:black;
  font-family: Nunito;
  font-size: 1.3em !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.about-me-list {
  font-family: Nunito;
  font-size: 1.3em;
  margin-right: auto !important;
  margin-left: auto !important;
}

.block {
  background-color:black;
  opacity:0.8;
  padding:15px;
  width:50%;
  border-radius:5px;
  margin: 200px auto 10px auto;
} 

.btn-links {
  margin-top:5px;
}

.element {
    background-color: white;
    color:black;
    -webkit-transition: background-color linear .5s;
    -moz-transition: background-color linear .5s;
    -o-transition: background-color linear .5s;
    transition: background-color linear .5s;
}

.element:hover {
    background-color: #484848;
    color:white !important;
}

.h1 {
  margin-top:20px;
  font-family:Raleway !important;
  font-size:6.0em !important;
  color:#F9F9F9 !important;
}

.icon-right {
  float: right;
  color:black;
}

.line {
  background-color: #242424;
  width: 60px;
  height: 4px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 10px;
  margin-top:10px;
  clear: both;
}

.nav-pills {
  background-color: black;
  width:100%;
  letter-spacing: 1.5px;
  position: fixed;
  top:0;
}

.nav-list {
  color:#d9534f !important;
  font-family: Nunito !important;
  font-size:1.3em !important;
}

.port-text {
  color:#D3D3D3; 
  font-family:Raleway;
}

.pageOne {
  background:url("background_imgs/background_1.jpeg");
  background-size:cover;
  height:1000px;
  width:auto;
  color:#d9534f !important;
}

.pageTwo {
  background-color: black !important;
}

.pageThree {
 
}

.rs-img {
  border-radius: 50%;
}

#twitterIcon {
  color:#00aced;
}

#linkedIcon {
  color:#0077b5;
}

#githubIcon {

}

#freecodeIcon {
  color:#006400;
}