@import url('https://fonts.googleapis.com/css2?family=Oswald&family=PT+Sans+Narrow&display=swap');

body {
    font-family: 'PT Sans Narrow', sans-serif;
}

.font-largest {
    font-family: 'Oswald', sans-serif;
}

.container {
    width: 100%;
    max-width: 850px;
    display: flex;
    flex-direction: column;
}

.layout-content.status .masthead-container.premium .masthead .text-container {
		    top: 0;
    height: 70px;
    background-color: transparent;
}

.layout-content.status .masthead-container.premium .masthead .text-container .page-name {
    display: none;
}

.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
    padding: 10px 30px;
    box-shadow: none;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 14px;
}

.layout-content.status .masthead-container.premium {
    max-width: 100%;
    margin: 0;
    background-color: #434C6D;
}

.layout-content.status .masthead-container.premium .masthead {
    max-width: 850px;
    margin: 0 auto 60px auto;
}

.layout-content.status.status-index .page-status.status-none {
    background-color: #FBFBFB;
    border-radius: 3px;
    border: 1px solid #50AE4F;
}

.layout-content.status.status-index .page-status .status {
    color: #50AE4F;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container {
  	  background-color: #FBFBFB;
    border: 1px solid #434C6D !important;
}

.layout-content.status.status-full-history .history-nav a.current {
  	  border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 4px solid #F3BF30;
}

body.status .layout-content.status .border-color {
    border-color: #434C6D;
}

#about-this-site {
  display: none;
}

.layout-content.status.status-index .page-status {
    order: 2;
    margin-bottom: 20px;
}

.layout-content.status.status-index .text-section {
    order: 1;
    margin-bottom: 20px;
}

.layout-content.status.status-index .text-section p {
    font-size: 1.25rem;
}

.layout-content.status.status-index .components-section {
    order: 3;
    margin-bottom: 20px;
}

#uptime-tooltip {
    order: 4;
}

.layout-content.status .incidents-list {
    order: 5;
    margin-top: 20px;
}

.page-footer {
    order: 6;
}