body {
  background: #000000;
}
p {
  color: deeppink;
}
h1 {
  font-weight: bold;
  color:deeppink;
  text-align: center;
}

#link{
  color: #e36fcc;
}


a{
  
  
}
.cat {
  height: 400px;
  width: px;
} 

.nav  > div {
  padding: 0;
  text-align: center;
  font-size: 2em;
  color: #10c6dd;
}

.nav > div:nth-child(1) {
  background-color: #e712e7;
  padding: 0;
}

.nav > div:nth-child(2) {
  background-color: #6bdeed;
  padding: 0px;
}

.nav > div:nth-child(3) {
  background-color: #de8dde;
  padding: 0px;
}

#footer {
  position: fixed;
  border-style: solid;  
  padding: 15px;
  left: ;
  bottom: ;
  width: ;
  background-color: #4817d7;
  text-align: center;
}

.nav {
  padding: 0;
  border: 5px solid #706dee;
  display: block;
  justify-content: space-around;

}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  background: white;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(222, 83, 225, 0.84);
}

.container {
  padding: 2px 16px;
  justify-content: center;
  margin: 30px;
}