@import url("site.css");

.frontpagelist {
    margin: 20px;
}

.EventList {
    background-color: beige;
    border-radius: 20px;
    padding: 20px;
}

.Frontpage-Notification {
    font-family: Cairo;
}

    .Frontpage-Notification a {
        color: darkslategray;
    }

.Frontpage-Applications {
    font-family: Cairo;
}

    .Frontpage-Applications a {
        color: darkred;
    }

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
}

.gallery {
    background: #EEE;
}

.gallery-cell {
    width: 66%;
    height: 200px;
    margin-right: 10px;
    counter-increment: gallery-cell;
}

    /* cell number */
    .gallery-cell:before {
        display: block;
        text-align: center;
        line-height: 200px;
        font-size: 80px;
        color: white;
    }

    .notification-front-page{
        padding: 15px;
        font-family: Cairo;
    }

        .notification-front-page p{
            font-family: Roboto;
        }

.notification-front-page-admin {
    background-color: #8C8;
    color: darkgreen;
    border: 1px solid darkgreen;
}

.notification-front-page-event {
    background-color: #66D3FA;
    color: #0066BB;
    border: 1px solid #0066BB;
}

.notification-front-page-filler {
    background-color: lightgray;
    color: darkslategray;
    border: 1px solid darkslategray;
}

.notification-front-page-important {
    background-color: #e57373;
    color: #A8131C;
    border: 1px solid #A8131C;
}

.notification-front-page-important a {
    color: #A8131C;
}