styles.css

*{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

section{
   /* width: 90vw;
   margin: 0 auto;
   max-width: 1170px; */
   text-align: center;
   margin-top: 4rem;
}

.container{
   width: 90%;
   max-width: 960px;
   margin: 0 auto;
   height: 500px;
   /* display: flex;
   flex-wrap: wrap; */
   display: grid;
   /* grid-template-columns: repeat(16, 1fr); */
   /* grid-auto-flow: column; */
   /* grid-template-rows: repeat(16, 1fr); */
   place-content: center;
   /* gap: 0.5rem; */
}

.square{
   background: black;
   /* border: 2px solid white; */
   /* color: aliceblue; */
}

.square:hover{
   cursor: pointer;
}

.btn{
   display: inline-block;
   margin-bottom: 1rem;
   padding: 0.75rem 1rem;
   background: rgb(0, 136, 255);
   color: aliceblue;
   border: transparent;
   border-radius: 0.5rem;
   text-transform: capitalize;
   font-size: 1rem;
   margin-right: 1rem;
}

.btn:hover{
   cursor: pointer;
   background: rgb(52, 118, 176);
}