*{
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
body{
    width: 100vw;
    height: 100vh;
    padding:1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
body>*{
    width:100%;
    max-width: 800px;
}
body h1{
    font-weight: normal;
    color:#003366;
    font-size: 1.75rem;
}
body h2{
    font-weight: normal;
    color:#505050;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}
body h2 span.bullet-status{
    height: 70%;
    aspect-ratio: 1;
    background-color:#aaa;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}
body h2 span.bullet-status+b{
    color:#aaa;
    background-color: transparent !important;
    display: inline-block;
    vertical-align: middle;
}
body h2 span.bullet-status.status-not_started,body h2 span.bullet-status.status-not_started+b,body .progress-bar.status-not_started .progress-bar-inner{
    color:#a00;
    background-color: #a00;
}
body h2 span.bullet-status.status-in_progress,body h2 span.bullet-status.status-in_progress+b,body .progress-bar.status-in_progress .progress-bar-inner{
    color:#33f;
    background-color: #33f;
}
body h2 span.bullet-status.status-alpha_test,body h2 span.bullet-status.status-alpha_test+b,body .progress-bar.status-alpha_test .progress-bar-inner{
    color:#cc2;
    background-color: #cc2;
}
body h2 span.bullet-status.status-beta_test,body h2 span.bullet-status.status-beta_test+b,body .progress-bar.status-beta_test .progress-bar-inner{
    color:#cc2;
    background-color: #cc2;
}
body h2 span.bullet-status.status-rollout,body h2 span.bullet-status.status-rollout+b,body .progress-bar.status-rollout .progress-bar-inner{
    color:#0a0;
    background-color: #0a0;
}
body .progress-bar{
    height: 0.5rem;
    background-color: #ddd;
    border-radius: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    display: flex;
    overflow: hidden;
}
body .progress-bar .progress-bar-inner{
    background-color: #aaa;
    height: 100%;
}
body h3{
    font-weight: normal;
    color:#909090;
    text-align: right;
}
body #planned-changes{
    text-align: center;
    color:#000;
    margin-top: 1rem;
    font-weight: bold;

}
body ul{
    width: 50%;
}
body ul>ul{
    margin-left: 1rem;
}