body{
    margin: 0px 0px;
}
.green{
    background-color: chartreuse !important;
}
.red{
    background-color: lightcoral !important;
}
/* styling general li elements */
.workingDays li{
border: 1px solid black !important;
border-radius: 15px;
list-style-type: none;
background-color: orange;
width: 13%;
justify-content: center;
justify-items: center;
margin: 0 5px;
font-size: 25px;
font-weight: 500;
padding: 40px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

}
/* styling extra text on active day */
.subtitle{
    font-size: 18px;
    font-weight: 300;
    margin: 0px;
}

/* elements elements on page */
.workingDays{
margin: 30px;
display: flex;
justify-content: center;
text-align: center;

}

/* center elemens in div */
.working-schedule{
    background-color: lightblue;
    text-align: center;
    width: 100%; 
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
    }
.working-schedule h1 {
    font-size: 4em;
}
.working-schedule h3 {
    font-size: 1.5em;
    font-weight: 300;
}
.title-hr{
    width: 15%;
    height: 3px;
    background-color: #212121;
    border: none;
}

hr{
    width: 30%;
    height: 2px;
    background-color: #212121;
    border: none;
}

/* mobile specific css for display to make it flex */
@media (max-width: 1024px) {
  
    .workingDays{
        margin: 0px;
        display: block;
        justify-content: center;
        text-align: center;
        
        }
        .workingDays li{
            border: 1px solid black !important;
            border-radius: 15px;
            list-style-type: none;
            background-color: orange;
            width: 80%;
            justify-content: center;
            justify-items: center;
            margin: 0 auto;
            font-size: 25px;
            font-weight: 500;
            padding: 10px;
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            
            }
    
  }

  button{
      font-size: 20px;
      padding: 15px;
      margin: 20px;
      background-color: navy;
      border: 1px solid navy;
      color: white;
  }