/*
    and ykw if i liked writing code i wouldve stuck with it
    ive written enough ionic angular node materio java python c++ what the hell ever projects
    let me be lazy ai stole my job anyway
*/

body {
  background: linear-gradient(rgba(179, 188, 199, 1), rgba(93, 99, 110, 1));
  background-repeat: no-repeat;
  min-height: 100vh;
  margin: 0px;
  color: white;
}

main {
    display: flex;
    justify-content: center;
}

li {
    font-family: "Nova Square", monospace;
    font-size: 20px;
    color: rgb(80, 80, 80)
}

.sidebar {
    position: fixed;
    padding: 10px;
    align-items: center;
    top: 0;
    left: 0;
    min-width: 180px;
    max-width: 180px;
}

.menu {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(196, 198, 213);
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 90px;
    margin-left: 24px;
    border-style: inset;
    padding: 5px;
}

.fullmenu {
    position: relative;
}

.column {
    min-width: 70vw;
    overflow: auto;
    margin-right: 10px;
}

.panel {
    background-color: rgb(217, 223, 231);
    min-width: 50vw;
    max-width: 70vw;
    margin-bottom: 5vh;
    padding: 3vh;
}

#columnspace {
    min-width: 280px;
    top: 0;
    left: 0;
}

#message {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.photo {
    margin: auto;
}

.divider {
    border-color: rgb(231, 231, 231);
    border-left: 2px;
    border-right: none;
}

.header1 {
  font-family: "Shafarik", "Palatino Linotype", monospace;
  font-size: 48px;
  color: white;
  text-align: center;
}

.header2 {
    font-family: "Goldman", monospace;
    font-size: 28px;
    color: rgb(60, 60, 60);
    margin-bottom: 10px;
}

.header3 {
    font-family: "Goldman", monospace;
    font-size: 20px;
    color:rgb(60, 60, 60);
}

.a {
  font-family: Courier, monospace;
  font-size: 16px;
  color: rgb(62, 62, 62);
}

.b {
    font-family: "Nova Square", monospace;
    font-size: 18px;
    color: rgb(80, 80, 80);
}