.logo {
  height: 40px;
}

.container {
  container-type: inline-size;
}

.section-one {
    align-items: center;
    text-align: center;
}

.spacer {
  padding-top: 10px;
}


.spacer-lg {
  padding-top: 50px;
}

.backdrop {
  background-color: rgb(6,50,130);
}

.centered {
  text-align: center;
  align-items: center;
}

#create-task-card {
  padding: 15px;
}

#ordersChart {
  width: 100%;
  height: auto;
  max-height: 500px;
}

@container my-container (max-width: 700px) {
    /* Styles for elements inside my-container when its width is up to 700px */
    .section-one {
       border: 2px solid black;
    }
    nav {
       border: 2px solid black;
    }
   }