body {
    background-color: rgb(15, 31, 73);
    font-family: 'Times', 'Times New Roman', serif;
}

.maincont {
    width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    margin-bottom: 4em;
    padding: 5px;
    background-color: rgb(224, 224, 199);
    border-radius: 8px;
}

.logo {
    margin-right: 190px;
}

.navbar {
    padding-left: 8px;
    margin-bottom: 0;
}

.navbar>li {
    display: inline-block;
    margin: 20px 0px 0px 0px;
    padding: 5px;
    background-color: #9fa5b7;
    opacity: 1;
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #9fa5b7 4px), repeating-linear-gradient( #a7a7b355, #a7a7b3);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar>li[current] {
    background-image: none;
    background-color: #eee;
    border: solid #9fa5b7 1px;
    border-bottom: solid #eee 1px;
    margin-bottom: -1px;
}

.navbar>li:hover {
    background-color: #8089a5;
}

.navbar a {
    text-decoration: none;
    color: rgb(48, 48, 48);
    font-family: sans-serif;
}

.navbar a:hover {
    text-decoration: underline;
}

main {
    background-color: #eee;
    border: solid #9fa5b7 1px;
    border-radius: 8px;
    padding: 10px 20px;
}

.has-subtitle {
    margin-bottom: 0;
}

.homepage-header {
    text-align: center;
}

.homepage-header>img {
    margin-top: 1.4rem;
    border-radius: 1rem;
}

main>h2 {
    margin-bottom: 0.7rem;
}

.news-item {
    border: #333 1px solid;
    border-radius: 8px;
    padding: 0 1rem;
    background-color: #ddd;
    margin-bottom: 0.8rem;
}

.outage-news {
    background-image: linear-gradient(45deg, #e8e15d 25%, #e0d955 25%, #e0d955 50%, #e8e15d 50%, #e8e15d 75%, #e0d955 75%, #e0d955 100%);
    background-size: 56.57px 56.57px;
    display: flex;
}

.news-item h3 {
    margin-bottom: 1rem;
}

.news-item p {
    margin: -0.25rem 0 1rem 0;
}

.news-img {
    width: 75rem;
    margin: 1rem 0 1rem 1rem;
    background-color: transparent;
    background-image: url("imgs/outage_map.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}