body {
    background: rgb(20, 20, 20);
    margin: 1vh 0;
    font-family: Consolas, monospace;
    font-size: large;
}

main {
    background: hsl(222 50% 5%);
    background-image: radial-gradient(hsl(220 20% 15%) 0%, hsl(220 50% 10%) 70%);
    background-size: cover;
    background-attachment: fixed;
    color: hsl(220, 84%, 75%);
    text-shadow: 0 0 5px hsl(220 84% 75%);
    width: 60vw;
    height: 98vh;
    margin: 0 auto;
    padding: 1px 20px;
    /* border: 3vh ridge hsl(55, 32%, 84%); */
    border: 3vh ridge silver;
    box-sizing: border-box;
    overflow-y: auto;
}



.sidebar {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 80px;
  display: flex;
  flex-direction: column;
  padding: 5px;
  opacity: 0.9;
  background-color: rgb(10, 10, 10);
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: large;
}

.sidebarIcon {
  height: 80px;
  background-color: rgb(30, 35, 40);
  text-align: center;
  align-content:center;
  margin: 2px;
  padding: 2px;
  /* padding: 5px; */
}

.sidebarIcon:hover {
  background-color: rgb(80, 90, 100);
}

.sidebarIconImage {

}

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

#centered {
  text-align: center;
  padding-right: 50px;
  padding-left: 50px;
}