@font-face {
    font-family: 'proxima-nova';
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-f0b2f7c12b6b87c65c02d3c1738047ea67a7607fd767056d8a2964cc6a2393f7.eot?host=status.percolate.com');
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-f0b2f7c12b6b87c65c02d3c1738047ea67a7607fd767056d8a2964cc6a2393f7.eot?host=status.percolate.com#iefix') format('embedded-opentype'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-e642ffe82005c6208632538a557e7f5dccb835c0303b06f17f55ccf567907241.woff?host=status.percolate.com') format('woff'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-0f094da9b301d03292f97db5544142a16f9f2ddf50af91d44753d9310c194c5f.ttf?host=status.percolate.com') format('truetype');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-366d17769d864aa72f27defaddf591e460a1de4984bb24dacea57a9fc1d14878.eot?host=status.percolate.com');
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-366d17769d864aa72f27defaddf591e460a1de4984bb24dacea57a9fc1d14878.eot?host=status.percolate.com#iefix') format('embedded-opentype'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-2ee4c449a9ed716f1d88207bd1094e21b69e2818b5cd36b28ad809dc1924ec54.woff?host=status.percolate.com') format('woff'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-a40a469edbd27b65b845b8000d47445a17def8ba677f4eb836ad1808f7495173.ttf?host=status.percolate.com') format('truetype');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0bf83a850b45e4ccda15bd04691e3c47ae84fec3588363b53618bd275a98cbb7.eot?host=status.percolate.com');
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0bf83a850b45e4ccda15bd04691e3c47ae84fec3588363b53618bd275a98cbb7.eot?host=status.percolate.com#iefix') format('embedded-opentype'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0c394ec7a111aa7928ea470ec0a67c44ebdaa0f93d1c3341abb69656cc26cbdd.woff?host=status.percolate.com') format('woff'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-9e43859f8015a4d47d9eaf7bafe8d1e26e3298795ce1f4cdb0be0479b8a4605e.ttf?host=status.percolate.com') format('truetype');
    font-weight:400;
    font-style:italic;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-09566917307251d22021a3f91fc646f3e45f8d095209bcd2cded8a1979f06e54.eot?host=status.percolate.com');
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-09566917307251d22021a3f91fc646f3e45f8d095209bcd2cded8a1979f06e54.eot?host=status.percolate.com#iefix') format('embedded-opentype'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-86724fb2152613d735ba47c3f47a9ad2424b898bea4bece213dacee40344f966.woff?host=status.percolate.com') format('woff'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-cf3e4eb7fbdf6fb83e526cc2a0141e55b01097e6e1abfd4cbdc3eda75d183f74.ttf?host=status.percolate.com') format('truetype');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-622ea489d20e12e691663f83217105e957e2d3d09703707d40155a29c06cc9d9.eot?host=status.percolate.com');
    src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-622ea489d20e12e691663f83217105e957e2d3d09703707d40155a29c06cc9d9.eot?host=status.percolate.com#iefix') format('embedded-opentype'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-c8dc577ff7f76d2fc199843e38c04bb2e9fd15889421358d966a9f846c2ed1cd.woff?host=status.percolate.com') format('woff'),
    url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-27177fe9242acbe089276ee587feef781446667ffe9b6fdc5b7fe21ad73e12f3.ttf?host=status.percolate.com') format('truetype');
    font-weight:700;
    font-style:normal;
}
body {
    font-family: monospace;
    max-width: 40rem;
    margin: 1rem auto;
    padding: 0 1rem;
}

.bottom {
    margin: 2rem 0;
}
.topright, .bottomright {
    text-align: right;
}

.index-heading {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.index-heading h2 {
    margin-bottom: 0.5rem;
}
.index-system .resolved {
    border-left: 0.5rem solid lightgreen;
    padding-left: 1rem;
}
.index-system .incident-warning {
    border-left: 0.5rem solid orange;
    padding-left: 1rem;
}
.index-system .incident-error {
    border-left: 0.5rem solid red;
    padding-left: 1rem;
}

.uptime, .uptime-scale {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.uptime-scale {
    margin-top: 0.5rem;
}
.uptime-scale > span {
    flex: 1;
}
.uptime-scale > span:last-child {
    text-align: right;
}
.uptime > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    height: 2rem;
    margin: 0 1px;
    background: lightgreen;
}
.uptime > span > a {
    display: block;
    width: 100%;
    flex: 1;
}
.uptime  a.resolved {
    background: lightgreen;
}
.uptime  a.resolve {
    background: lightgreen;
}
.uptime  a.incident-warning {
    background: orange;
}
.uptime  a.incident-error {
    background: red;
}
.uptime > span:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.posts .post {
    padding: 0 1rem 1rem;
    margin: 1rem 0;
    border: 1px solid lightgray;
}

.tags {
    margin: 1rem 0;
}
.tags .tag {
    display: inline-block;
    margin-right: 1rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid;
}

/* Place custom styling below */