body {
    margin: 0;
    background-color: #36454A;
    color: #36454A;
  }
  
button {
  height: 30px;
  border-radius: 20%;
  background-color: black;
  border: solid black 2px;
  font-size: 20px;
  color: green;
}

button:hover {
  color: #B8C3C8
}

hr {
  border-color: black;
}

span[header] {
  color: #52B588;
  font-size: 40px;
  padding: 20px;
  display:inline;
}

[center] {
  padding-top: 30px;
  text-align: center;
}

[block] {
  margin: 3vh;
  min-height: 70vh;
  background-color: #B8C3C8;
}

[block] > [main] {
  color: #52B588;
  background-color: #546C7D;
  display: block;
}

.header {
  height: 5rem;
  background-color: #546C7D;
}

.footer {
  height: 5rem;
  background-color: #546C7D;
}

.content {
  margin-left:10vw;
  width: 80vw;
  height: auto;
  background-color: #36454A;
}
  
[login] { border: solid black 1px;}
[login] .container { width:320px;}
[login] label,input {width:80%;}