div {
  background-color: black;
  height: 105px;
}

.M {
  color: white;
  font-family: Nunito;
}

.C {
  color: white;
  margin: 1.5%;
  text-decoration: none;
  font-family: Nunito;
}

li {
  text-align: left;
}

button {
  height: 30px;
  width: 90px;
  color: white;
  background-color: gray;
  border: 1px solid gray;
  margin-top: 5%;
  margin-right: 10%;
  margin: 0.3%;
  display: block;
  margin-left: 48%;
  border-radius: 3px;
  font-weight: bold;
}

.s {
  color: white;
  text-decoration: none;
}

body {
  height: 170%;
}

a :hover {
  color: yellow;
}

img {
  border: 7px solid blue;
  border-radius: 50%;
}

.black {
  color: black;
}

.dif {
  background-color: blue;
  color: white;
  font-weight: bold;
  height: 35px;
  width: 90px;
  font-size: x-small;
  text-decoration: none;
  margin-right: 2%;
  margin-left: 40%;
}

a {
  text-decoration: none;
  color: white;
}

.v {
  color: purple;
  text-decoration: underline;
}

.ferq {
  width: 460px;
  height: 850px;
  border: 1px solid whitesmoke;
  background-color: whitesmoke;
  border-radius: 10px;
  margin: 36%;
  margin-top: 2%;
}

.w {
  color: purple;
  text-decoration: underline;
}

body {
  height: 50%;
}