@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap);
    * {
      margin: 0%;
      padding: 0%;

    }

    

body {
  
text-align: center;    
    
   
}

header {
  width: 100%;
  height: 95px;
  background-color: antiquewhite;

}



nav { 
  
  line-height: 100px;
  padding-right: 2%;

}

.header-a {
  color: black;
  font-size: 30px;
  letter-spacing: 4px;
    border-style: solid;
  border-color: black;
  padding: 1.1%;
}

.header-a:hover {

  font-weight: bold;
  
}

.banner {

  background-image: url(kat.png);
  background-size: cover;
  height: 100vh;

}

.banner:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .7;
  z-index: -1;


}

.banner h1 {

  color: rgb(209, 81, 124);
  font-size: 180px;
  font-family: "Fugaz One", sans-serif;
  font-weight: bold;
 padding-top: 10%;
  
}

h2 {   color: rgb(209, 81, 124);
  font-size: 3em;
  font-family: "Fugaz One", sans-serif;
  font-weight: bold;}


h1{ 
position: relative;
top: 0;
animation: bounce 0.8s ease infinite alternate;
}

@keyframes bounce {
100% {
top: -.50rem;
}
}



#container {
    margin: 1%;
      overflow: scroll;
      overflow-x: hidden;
      height: 13em;
      padding: 1rem;
     border: 3px double rgb(15, 14, 14);
     border-width: 8px;
    }