@import url("https://fonts.googleapis.com/css2?family=Indie+Flower&family=La+Belle+Aurore&family=Marck+Script&family=Monoton&family=Poppins:ital,wght@0,200;1,100;1,400&display=swap");

* {
  box-sizing: border-box;
}

button:hover,
a:hover,
svg:hover,
img:hover {
  cursor: pointer;
}

body {
  width: 100%;
  height: 100%;
  min-width: 620px;
}

.body-ctn {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-areas:
    "sidebar head"
    "sidebar main";
  grid-template-rows: 4% calc(100% - 4%);
  grid-template-columns: 16% calc(100% - 16%);
}

@media only screen and (max-width: 1022px) {
  body {
    font-size: 0.5rem;
  }
}