html { 
  background-color: #d9ceff;
  font-family: 'medodica';
	font-size: 20px
}

@font-face {
  font-family: 'medodica';
  src: url("medodica/MedodicaRegular.otf");
}

.container {
  display: grid;
  margin: auto;
  padding: 10px;
  background-color: #bca9ff;
  border-style: solid;
  border-color: #cacaca;
  border-width: 2px;
  border-radius: 25px;
  box-shadow: 5px 10px #9e83ff;
  grid-template:
    "header header"
    "sidebar main"
    "footer footer"
    / 150px 1fr;
}