body {
  flex-direction: column;
  align-items: center;
}


#content {
  padding: 0px;
  flex-direction: row;
  width: 1000px;
  max-width: 100%;
}

.head {
  justify-content: start;
  width: 40%;
  padding: 40px 60px 40px 40px;

}

#add {
  flex-direction: column;
}

.section, .welcome {
  width: 100%;
}

.sheet {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: auto;
  width: 30vw;
  max-height: 100vh;
  max-height: 100dvh;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
}

.sheet.active {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}