html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 0px;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 2rem;
}

x-appbar, section[role="region"] {
    margin-bottom: 10px;
}

x-card > * {
    margin-left: 10px;
}

x-card > x-appbar, x-card > section[role="region"] {
    margin-left: 0px;
}

.info {
    border: 1px solid white;
    margin: 5px;
    overflow: hidden;
    line-height: 35px;
    font-weight: bolder;
    text-align: center;
    border-radius: 50%;
    color: white;
    font-style: normal;
}