@import url('https://fonts.googleapis.com/css2?family=Grey+Qo&family=Italianno&family=UnifrakturMaguntia&display=swap');

body {
    height: 50vh;
    width: 50vw;
    background-image: url('/fatse/fatses%20pizzeria%20real.png');
    
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'calibri';  
    background-color: gray;
    text-align: center;
  color: white; 
}


.header{
  width: 50%;
  font-family: serif;
  font-size:100px;
  color: white;
    margin: 0 auto;
  
}

.subheader{
  width: 50%;
  font-family: "UnifrakturMaguntia";
  font-size:50px;
  color: black; 
  margin-top: -50px;
    margin-left: 0 auto;
    margin-right: 0 auto;
}
.container{ 
width:50%;
  margin: 0 auto;
}

a {
  color: #C71585;
  margin: 0 -.25rem;
  padding: 0 .25rem;
  text-shadow:0 2.5px 4px darkred;
     transition:all .1s linear;
    display:inline;
    text-decoration:none;
    /*font-weight:600;*/
    padding-bottom:0px;
    background-repeat: no-repeat;
    background-position:left 85%;
    text-shadow:0;
    text-shadow:0 2.5px 4px black;
}
a:hover {
      background-size:100% 20px;
      text-shadow:0 2.5px 4px black;
      color: cyan;
}


  
@media(max-width:915px) {
  .wrapper .header {    
    width: 95%;
    }

  }
  
  
@media (orientation: portrait), (max-width: 480px) {
  .wrapper .header {
    width: 95%;
    }