body{
  background-color: black
}
h2{
  font-size: 30
}
.footer{
  border-top: solid 3px red;
  margin: 25% 100 10 100;
  font-size: 25px;
  font-family: Futura;
  color: gray;
  padding: 0 0 0 0;
}
.text{
  font-family: "Arial Narrow", Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
  font-style: italic;
  text-align: center;
  color: gray;
}
.menu{
  margin-left:  55%;
  margin-top: 0;
  display: inline;
}
.menu2{
  margin-left: 4%;
  margin-top: 0;
  display: inline;
  float: center;
}
.about{
  margin-top: 7%;
  font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
  color: gray;
  padding: 0 20% 0 20%;
}
.contact{
  margin-top: 15%;
  margin-left: 20%;
  font-family: "Arial Narrow", Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
  font-size: 25px;
  color: gray;
}
.links{
  color: gray;
  text-decoration: none;
}

h1{
  font-family: "Arial Narrow", Arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;

  font-style: italic;
  text-align: center;
  color: gray;
  font-size: 60px;
  border-bottom: solid 3px red;
  margin: 10 100 10 100;
}

.red{
  color: red;
}
.css-carousal{
    overflow: hidden;
    margin-left: 30%;
    margin-top: 10%;
    align-content: center;
}

.css-carousal .css-img {

    border-radius: 20px;
    width: 40%;
    height: auto/*40%*/;
    max-width: 50%;
    max-height: 50%;
    position: absolute;
    opacity:0;
    -webkit-animation-name: css-animation-fade;
    -webkit-animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
}
.css-carousal .css-img:nth-child(2){
    -webkit-animation-delay: 4s;
}
.css-carousal .css-img:nth-child(3){
    -webkit-animation-delay: 8s;
}
.css-carousal .css-img:nth-child(4){
    -webkit-animation-delay: 12s;
}
.css-carousal .css-img:nth-child(5){
    -webkit-animation-delay: 16s;
}
.css-carousal .css-img:nth-child(6){
    -webkit-animation-delay: 20s;
}
.css-carousal .css-img:nth-child(7){
    -webkit-animation-delay: 24s;
}
.css-carousal .css-img:nth-child(8){
    -webkit-animation-delay: 28s;
}
.css-carousal .css-img:nth-child(9){
    -webkit-animation-delay: 32s;
}
.css-carousal .css-img:nth-child(10){
    -webkit-animation-delay: 36s;
}


    @-webkit-keyframes css-animation-fade{
        from { opacity:0;}
      /*  5% { opacity:1;} */
        15% {opacity:1;}
        20% { opacity:0;}
        to { opacity:0;}
    }