html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: darkgray;
}

body {
    align-items: center;
    justify-content: center;
    display: flex;
}

.main {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid black;
}

ul > li {
    padding-top: 5px;
}

.header {
    animation: color-change 2s infinite;
}

.api-method {
    padding: 5px;
    border-radius: 5px;

    &.get {
        background-color: cornflowerblue;
    }

    &.post {
        background-color: greenyellow;
    }
}

@keyframes color-change {
    0% { color: black; }
    20% { color: white; }
    100% { color: black; }
}