.content {
    z-index: 100;
    width: 100vw;
    height: 300px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: right;
    align-items: top;
    font-size: 1rem;
    color: white;
    opacity: 0.8;
    user-select: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
.toppage {
    z-index: 100;
    width: 100vw;
    display: fixed;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: right;
    align-items: top;
    font-size: 1rem;
    color: white;
    opacity: 0.8;
    user-select: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

.button {
  background-color: #3099e4; /* Green */
  border: none;
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: fit-content;
  height: fit-content;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 4px;
  cursor: pointer;
}

.button:hover {
  background-color: #61aae7; /* Darker green */
}

.button2 {border-radius: 2px;}
.button4 {border-radius: 4px;}
.button8 {border-radius: 8px;}

.img ,.logo, .profilepicture,.icon2, .icon3, .icon4, .icon5 {
  vertical-align: right;
}
.logo {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.profilepicture {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.icon2 { width: 20px; height: 20px;}
.icon3 { width: 30px; height: 30px;}
.icon4 { width: 40px; height: 40px;}
.icon5 { width: 50px; height: 50px;}