subline/views/shared/shared.css

*{
    margin:0;
    padding:0;
    font-family:'Saira',sans-serif;
}

.button{
    background: none;
    border: 5px solid rgb(255, 99, 107);
    text-decoration: none;
    border-radius: 10px;
    padding: 10px 5px;
    color: #001b2d;
    cursor: pointer;
    font-size: 25px;
    box-shadow: 2px 2px 2px black;
}

.line-break{
    border: 1px solid rgb(255, 99, 107);
    margin: 30px 0;
}

.header{
    display: flex;
    justify-content: space-between;
    background: #001b2d;
    width: 100%;
    height: 75px;
}

    .header .logo{
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-left: 5px;
    }

    .header img{
        display: inline-block;
        max-height: 65px;
        margin: 5px;
        text-align: center;
    }

    .header h1{
        display: inline-block;
        color: rgb(255, 99, 107);
    }

    .header .logout{
        display: flex;
        align-items: center;
        color: rgb(255, 99, 107);
        float: right;
        margin-right: 25px;
        text-decoration: none;
    }

.banner{
    width: 100%;
    text-align: center;
}

    .banner .notification{
        background: green;
        color: white;
        font-weight: bold;
        list-style-type: none;
    }

    .banner .error{
        background: red;
        color: white;
        font-weight: bold;
        list-style-type: none;
    }