body {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

#headers, #current-time, #countdown-header, #special-time-title {
    font-family: 'Cabin', sans-serif;
}

#headers {
    margin: 10px;
    margin-bottom: 4px;
}

#salah-times {
    float: left;
    width: 70%;
    font-size: 24px;
    margin-left: 5%;
    margin-right: 5%;
}

#supplementary-times {
    float: right;
    width: 20%;
    font-size: 18px;
}

div.salah-time {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 26px;
}

div#salah-times .current-day {
    font-weight: 300;
}

.box1 {
    grid-column-start: 1;
}

.box2 {
    grid-column-start: 2;
}

.box3 {
    grid-column-start: 3;
}

.box4 {
    grid-column-start: 4;
}

.box5 {
    grid-column-start: 5;
}

.salah-name {
    text-transform: uppercase;
}

div.salah-time.next-day {
    font-weight: 100;
}

div.salah-time.sunrise div.salah-name {
    font-style: italic;
}

div.salah-time.sunrise div.time.iqaamah {
    content: "N/A";
}

#current-time {
    font-size: 32px;
}

.date {
    font-size: 14px;
}

.date.hijri {
    font-style: italic;
    text-align: right;
}

#countdown-time {
    text-align: right;
}

#special-times .special-time {
    text-align: right;
}

hr {
    width: 93%;
    margin: auto;
}

hr#header-underline {
    margin-top: -5px;
    margin-bottom: 5px;
}

hr.delimiter {
    border: 0;
    border-top: 2px solid;
    color: lightgray;
    margin-top: 5px;
    margin-bottom: -5px;
}

hr.hijri {
    border: 0;
    border-top: 1px dashed;
}

#release-info {
    position: fixed;
    bottom: 0;
}