*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.5}

@import url('https://fonts.googleapis.com/css?family=Crimson+Text&display=swap');
font-family: 'CrimsonText', serif;

@font-face {
  font-family: CrimsonText;
  src: url(sansation_light.woff);

}

div {
  font-family: crimsontext ;
}

body{ font-family: 'CrimsonText', serif;
    background-color: #cecece61;
    color: #7d7575;
      font-size: 140%;

    padding-top: 5vh;
    padding-left: 5% ;
    }
}

.body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-1 h2{
    font-size: 1.7rem;
    margin-bottom: 10px;
     color: #f5316352;
           font-size: 180%;
     
}

h2{ color: #02020257}

h2{ font-size: 250%}



.section-1 a{
    font-size: 1.5rem;
    padding: 5px;
}

.section-2 p{
    font-size: 1.1rem;
    padding-bottom: 5px;
    margin:5px;

}

.section-2 p{
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-2 a{
    display: block;
    padding: 5px;
    font-size: 1.2rem;
    padding-left: 5px;
    /*width: 100px;*/ 
}

    a{
    color: #D1A080;
      
      <style>
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
</style>

<div class="footer">
  <p>Footer</p>
</div>
        
div {
    height: 200px;
    width: 400px;
    background: black;

    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
}