html,body{
  margin:0;
  height:100%;
  overflow:clip;
  color: #8e8484;
}
a{
    color: #8e8484;
   text-decoration:none
  }
#home{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  height:100%;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,1) 100%);
  position:relative;
  gap:1em;
  &:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    display:block;
     background:#ddd url(pp.jpg) top center no-repeat;  
  background-size:cover;
    z-index:-1
  }
  img{
    width:80%;
    max-width:300px
  }
  a{
    font-size:1.2em;
    padding:1em
  }
}