body{
    background: url(homepage.jpg)no-repeat;
    background-size: cover;
     }
     .fa {
        padding: 20px;
        font-size: 30px;
        width: 50px;
        text-align: center;
        text-decoration: none;
        margin: 0px 2px;
            }
    
        .fa:hover {
        opacity: 0.7;
        }
    
        .fa-facebook {
        background: #3B5998;
        color: white;
        }

      .fa-instagram {
        background: #55ACEE;
        color: white;
      }
        .footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #c8a2c8;
            color: #fff;
            text-align: center;
          }
          .box{ width: 900px;
            float: right;
            border:1px solid #fff;
          }
            .box ul li{
                width: 120px;
                float: right;
                margin: 10px auto;
                text-align: center;
              }
            .box ul li a{ text-decoration: none;
            color: #fff;}
            .box ul li:hover{ 
                background-color: #c8a2c8;
            }
            .box ul li a:hover{ color: #fff;}
            @font-face {
                font-family: GoudyOldStyle;
                src: url("GoudyOldStyleBold.ttf");
                }
            @font-face {
                font-family: KlinicSlab;
                src: url("KlinicSlabBold.otf");
                }
h1{
    background-color: #fff;
    color: #000;
    font-family: GoudyOldStyle; 
    text-align: center;
    font-size: 50px;
    }
h2{
    background-color: #c8a2c8;
    color:#fff;
    font-family: KlinicSlab;
    font-size: 40px; 
    text-align: center;
    }
h3{
    background-color: #c8a2c8;
    color:#fff; 
    font-family: GoudyOldStyle;
    font-size: 20px;
    text-align: center;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #c8a2c8;
  } 
  li {
    float: left;
  }
  li a {
    display: block;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  li a:hover {
    background-color: #808080;
  }
  .active {
    background-color: #808080;
  } 
nav {
  width: 100%;
 }
 
h1 {
  text-align: center;
}
h2 {
  text-align: center;
}
h3 {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}