body {
      text-align: center;
      /* background: url('emilce-giardino-252359-unsplash.jpg'); */
      background: url('annie-spratt-695519-unsplash.jpg');
      background-size: cover;
      background-position:center;
      color:black;
      opacity: 0.9;
      margin-bottom: 15%;
    /*  background-image: linear-gradient(-45deg,#00ced1,#48d1cc,#40e0d0);
      */
}
#logo {
  border-radius: 30%;
}
h1 {
  font-family: 'Special Elite', cursive;
  color:black;
  font-size: 50px;
}
h2 {
  font-family: 'Special Elite', cursive;
  color:black;
}
h4 {
  font-family: 'Special Elite', cursive;
  color: #000080;
  text-align: center;
}

p{
  /* text-align: center; */
  font-family: 'Special Elite', cursive;
  /* font-size: 20px;*/
  color:black;
}


.intro p {
  text-align: center;
  font-size: 20px;
  color:black;
}


/* design for navbar*/
.navbar-inverse {
  border-color: transparent;
  background-color: transparent;
  padding-top:30px;

}
.container-fluid{
    opacity: 0.8;
    filter: alpha(opacity=60);
    display:flex;
    font-family: 'Special Elite', cursive;
    font-size:15px;

}
#mainNavbar .active li {
  display: inline;
  padding: 0px 30px 0px 30px;
  opacity: 0.8;
  filter: alpha(opacity=60);
  background-color: #000000
}
  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 3px  dashed #b22222;
  }

  /*Main Page Carousel*/

.intro {
  margin: 25px;
}

#myCarousel {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.carousel-inner .item img {
  width:100%;
}

.carousel-caption  p {
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 2000px) {
  .carousel-caption p {
    font-size: 30px;
  }
}

@media (max-width: 1000px) {
  .carousel-caption p {
    font-size: 16px;
  }
}


#subscribe {
  font-family: 'Special Elite';
  margin-bottom: 5%;
  color: black;
}

#subscribe input {
  height: 32px;
  color: black;
}

.btn {
  background-color: rgb(89, 221, 48);
}

/* more resources page*/

.moretext {
  font-size: 20px;
}
.link1 {
display: block;
margin-block-start: 3em;
margin-block-end: 3em;
margin-inline-start: 10px;
margin-inline-end: 10px;
padding-left: 80px;

}
.link2 {
  display: block;
  margin-block-start: 3em;
  margin-block-end: 3em;
  margin-inline-start: 10px;
  margin-inline-end: 10px;
  padding-right: 80px;

}
.link3 {
  display: block;
  margin-block-start: 3em;
  margin-block-end: 3em;
  margin-inline-start: 30px;
  margin-inline-end: 30px;
  padding-left: 80px;
}
/* game*/
canvas {
  padding:0;
  margin:55px auto;
  background-color:#bdb76b;
  display:block;
  width:50%;
  float:middle;

}
/* for the about me page */
.img-a {
  border-radius: 20%;
  height:120px;
  width: 140px;
}
.img-b {
  border-radius: 20%;
  height:130px;
  width: 120px;

}
.circle {
    font-family: 'Special Elite', cursive;
    text-align: center;
    font-size: 20px;
    margin:auto;
}
/*social buttons*/
.socials {
    position: fixed;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: right;
}

.socials img {
  padding: 2px;
}
/*for the fails page*/
.failsintro {
  text-align: justify;
  margin-left:20%;
  margin-right: 20%;
  font-size: 17px;
}
.building1 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;
 font-size:17px;
}

.building2 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;
 font-size:17px;
}


.building3 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;
 font-size:17px;
}


.building4 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;
 font-size:17px;
}

.building5 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;
 font-size:17px;
}

/*for the women in architecture page*/
.womenintro {
  text-align: justify;
  margin-left:20%;
  margin-right: 20%;
  font-size: 17px;
}
.person1 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;

}

.person2 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;

}


.person3 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;

}


.person4 {
 text-align: justify;
 margin-left:10%;
 margin-right: 10%;

}