@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');

body {

  background-color: black;
  color: white;
  margin: 5%;
  text-align: center;
}

header, main {
  
  border: 3px white double;
  margin-left: 10%;
  margin-right: 10%;
  
}



header {

  background: url("src/img/banner.png");  
  color: black;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px 0px 0px 0px;

  
}

#h1 {

  text-align: right;
  color: white;
  font-family: "Zen Dots", sans-serif;
  font-size: 20px;
  text-shadow: 2px 2px black;
  padding: 50px;
  
}


.c2 {
    
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 20px;
  
}

#a { margin-left: 40%; }

#sh { 
  font-size: 27px;
}

footer {
  
  min-height: 100px;
  background: #b0b0b0;
background: linear-gradient(0deg, rgba(176, 176, 176, 1) 47%, rgba(0, 13, 5, 1) 100%, rgba(255, 255, 255, 1) 1%);
  
}

#link { font-size: 40px;}

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