:root {
  --main-background-color: rgb(142, 142, 147);
  --secondary-background-color: rgb(99, 99, 102);
  --primary-text-color: rgb(229, 229, 234);
  --secondary-text-color: rgb(28, 28, 30);
  --button-background-color: rgb(242, 242, 247);
  --button-hover-background-color: rgb(99, 99, 102);
  --button-hover-text-color: rgb(242, 242, 247);
}

body {
  background-color: var(--main-background-color);
  text-align: center;
  color: var(--primary-text-color);
  font-family: Roboto;
}

.link a {
  text-decoration: none;
}

.link button {
  background-color: var(--button-background-color);
  padding: 1.5em;
  color: var(--secondary-text-color);
  height: 20%;
  margin: 10px;
  display: flex;
  margin: auto;
  flex: auto;
}

.link button h3 {
  margin: auto;
  padding: auto;
}

.link a:hover button {
  color: var(--button-hover-text-color);
  background-color: var(--button-hover-background-color);
}

img {
  width: 60px;
  height: 60px;
}

.profile {
  margin: 10px;
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

.return a {
  text-decoration: none;
}

.return h1 {
  color: var(--primary-text-color);
}

@media (max-width: 600px) {
  .link button {
    width: 90%;
  }
}

@media (min-width: 600px) {
  .link button {
    width: 35%;
  }
}