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

body {
  background-color: #212121;
  color: #FAFAFA;
  font-family: 'Inconsolata', monospace;
}

.top {
  margin: 5%;
  padding: 30px;
}

a {
  color: #99cccc;
}

@keyframes glowin {
 from {box-shadow: rgba(241, 248, 233, 0.2) 0px 8px 24px;}
 to {box-shadow: rgba(124, 179, 66, 0.9) 0px 8px 24px;}
}


.sharedStyle {
  color: #FAFAFA;
  background-color: #424242;
  border-radius: 6px;
  border: 2px solid #757575;
  box-shadow: rgba(241, 248, 233, 0.2) 0px 8px 24px;
}

.sharedStyle:hover {
  animation-name: glowin;
  animation-duration: 1s;
}

span {
  display: none;
}
button:hover:before {
  content: "Gustav#7747";
  font-family: 'Inconsolata', monospace;
}

.buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.btn {
  padding: 20px;
  font-size: 25px;
}

img.scr {
  border-radius: 6px;
}

hr {
  color: rgba(124, 179, 66, 0.9);
  width: 90%;
  margin-left: 0%;
  border: 1px dashed;
}