@font-face {
    font-family: 'El Messiri';
    src: url('../fonts/ElMessiri-Medium.woff2') format('woff2'),
        url('../fonts/ElMessiri-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
main {
    background-color: #eee;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .50) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .50) 50%, rgba(255, 255, 255, .50) 75%, transparent 75%, transparent);
    background-size: 200px 200px;
}

    
h1 {
    font: bold 20px 'El Messiri';
}


.salary { margin-bottom: 30px; }
table { border-collapse: collapse; width: 90%; margin: auto; text-align:center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05); }
.m1 {background-color: #AEB6BF;}
.m2 {background-color: #edd5df;}
.m3 {background-color: #c7e3ea;}
.m4 {background-color: #EAFAF1;}
.m5 {background-color: #d4d9dd;}
th, td { padding: 10px; border: 1px solid #FFF; }
th {font-size: 15px;}
h2 { margin: 10px 0; }
.head1 {background: black; color: white;}
.head2 {background: #ffb498;}
#dayName1, #dayName2, #dayName3, #dayName4, #dayName5 {font-size: 20px;}
.content2 {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  line-height: 1.9;
  font-size: 16px;
  margin-top: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.days, .hours, .minutes, .seconds { font-size: 25px;}
.days {
    color: red;
}
.hours {
    color: blue;
}
.minutes {
 color: orange;   
}
.seconds {
    color: green;
}

/* time */
 .time {
    /*position: fixed;*/
    /*overflow: hidden;*/
    font-size: 16px;
    top: 20px;
    left: 0px;
    right: 0px;
}
.dropdowntime {
    position: relative;
    display: inline-block;
}
.timeleft {
    float: left;
}
#days, #days1, #days2, #days3, #days4, #days5 {
    color:#F00;
    font-size: 30px;
}
#hours, #hours1, #hours2, #hours3, #hours4, #hours5 {
    color:#FFA500;
    font-size: 30px;
}
#minutes, #minutes1, #minutes2, #minutes3, #minutes4, #minutes5 {
    color: #008800;
    font-size: 30px;
}
#seconds, #seconds1, #seconds2, #seconds3, #seconds4, #seconds5 {
    color: #0000ff;
    font-size: 30px;
}