* {
  box-sizing:border-box;
}

html, body {
  margin:0;
  max-width: 100%;
  overflow-x: hidden;
}
/* pls update github*/
..navbar-fixed-top{
z-index: 3;
color: azure; 
background-color: black;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

li {
    float: left;
    text-align: center;
    width: 20%;
    
}

#navwords h6{
    font-size: 20px;
    padding: 10px;
}


#navwords li{
    padding-top: 1%;
    background-color: black;
    color: #ecf0f1;
    
        -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    
}

#navwords li:hover{
    padding-top: 2%;
    background-color: #ecf0f1;
    color: #e74c3c;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}

.
a{
text-decoration: none;
}

a:hover{
color:#E55934;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
text-decoration: none;
}


.jumbotron { 
    background-image:url('images/hshacker.png');
 /* background-color: rgb(104,115,254);; 
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment: fixed;
  text-align:center;
   font-family:'Audiowide', cursive;
    
      background:url('https://unsplash.imgix.net/photo-1418226970361-9f1f7227d638?fit=crop&fm=jpg&h=700&q=75&w=1050') no-repeat 100% 100%; */
  background-size:cover;
  height:100%;
  text-align:center;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0px; 
}
/*
.into{
position: fixed;
z-index: -1;
    
} */

.jumbotron .container {
  position: relative;
  top:100px;
    
}

.jumbotron h1 {
  color: #a0db8e;
  font-size: 200px;  
  font-family: 'Poiret One','Luckiest Guy', 'Goudy Old Style', sans-serif;
  font-weight: bold;
    padding-left: 60px;

}

.jumbotron p {
  font-size: 60px;
  color: #9A3334;
  font-family: 'Poiret One','Luckiest Guy', 'Goudy Old Style', sans-serif;
padding-left: 60px;

}

.neighborhood-guides{
    background-color: rgb(32,194,170); 

  /*background-image: url('back.jpg');*/
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
/* edits */
  margin-top: 900px;
  height:100%;
  width: 100%;
  position:relative;
  z-index:1;
  padding:5%;
    box-shadow: -50px -100px 1000px rgba(0, 0, 0, .8);
    
}

.neighborhood-guides h2 {
    color: #393c3d;
    font-size: 54px;
    font-family: 'Raleway', sans-serif;
}

.neighborhood-guides .future p {
    font-size: 25px;
    margin-bottom: 13px;
    text-align:center;
}

.neighborhood-guides p {
    font-size: 25px;
    margin-bottom: 13px;
     font-family: 'Open Sans Condensed', sans-serif;
}

.questions{
   /*background-image: url("green.jpg"); */
    background-color: rgb(80,203,0);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.questions p{
  font-size: 15px;
  color: rgb(240,239,136);

}

.questions h3{
  color: #FFFFFF;
  font-size: 25px;


}

.questions .first{
    width: 300px;
  margin: 40px;
  background: rgba(0,63,76,0.7);
  padding: 45px;
  border-radius: 50px
}

.questions .second{
    width: 300px;
  margin: 40px;
  background: rgba(0,63,76,0.7);
  padding: 45px;
  border-radius: 50px
}

.questions .third{
    width: 300px;
  margin: 35px;
  background: rgba(0,63,76,0.7);
  padding: 35px;
  border-radius: 50px

}

.questions .forth{
  width: 300px;
  margin: 35px;
  background: rgba(0,63,76,0.7);
  padding: 35px;
  border-radius: 50px;
}


.jumbotron img{
  /*width: 700px;
  border-radius: 1173px; */
    height:500px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 10);

 border-radius: 30%;
}

.youtube{
   background-color: rgb(203,6,4); 
  /*background-image: url("red.jpg");*/
   background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


.youtube img{
  height:  400px;
  width: 400px;
  border:10px solid #021a40;
  border-radius: 20%;
    margin-bottom: 30px;
}

.youtube .brown img{
   position: relative; 
  right: 100px;
}

.youtube .gws img{
  position: relative; 
  left: 100px;

}

.youtube h2{
  font-size: 54px;
  color: #FF80AA;
  font-family: 'Raleway', sans-serif;
}

.youtube p{
  font-size: 25px;
  color: #7FFFD4;
  font-family: 'Open Sans Condensed' , sans-serif;
}

.projects {
    background-color: rgb(39,170,225);
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
  background-attachment: fixed; 
    padding-bottom: 20px;
}

.projects h2{
    font-size: 54px;
}
.projects h3{
    color:#ffffff;
}

.projects #proj{
   padding-bottom: 20px;
    padding-top: 20px;
    
}

.projects #proj p{
    font-size: 20px;
    
}

.projects img{
    width: 350px;
    -webkit-transition: 1s ease;
-moz-transition:  1s ease;
-ms-transition:  1s ease;
-o-transition:  1s ease;
transition: 1s ease;
}

.projects img:hover{
    width: 350px;
    

    -webkit-transition:  1s ease;
-moz-transition:  1s ease;
-ms-transition:  1s ease;
-o-transition:  1s ease;
transition:  1s ease;
    opacity: 0.4;
}


.contact{
background-color: rgb(0,13,26);
background-repeat: no-repeat; 
background-size: cover;
background-position: center;
background-attachment: fixed; 
}

.contact h2{
color: rgb(59,252,52);
font-size: 54px;
}

.contact p{
color: rgb(59,252,52);
}

.contact #email{
color:rgb(59,252,52);
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
}

#email:hover{
color: #6153CC;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
 
}

.projects h3:hover{
color:#E55934;
-webkit-transition: color 1s ease;
-moz-transition: color 1s ease;
-ms-transition: color 1s ease;
-o-transition: color 1s ease;
transition: color 1s ease;
text-decoration: none;
}