/* this stuff probably wont make it into a final version, this is just me learning css*/
* {
    background-color: blueviolet;
}
* {
    font-family: arial
}

* {
    color: white;
}

#link {
    color: cornflowerblue;
}

.bluebutton {
    border:10px solid rgb(94, 137, 219);
    font-family:inherit;
    padding:5px 10px;
    cursor:pointer;
    border-radius: 10px;
    background-color: cornflowerblue;
}

.bluebutton:hover {
  background-color: rgb(94, 137, 219);
  border:9px solid rgb(85, 124, 198);
  border-radius: 15px;
}

.header-container {
  display: flex;
  align-items: center;
  gap: 15px;
}