body
{
    margin: 0px;
    padding: 0px;
}

img {
  display: block;
  margin: auto;
}

h1 
{
    text-align: center;
    font-size: 42pt;
    font-weight: bolder;
    margin: 15pt;
}

a
{
    text-decoration: none;
}

a:link {
    color: var(--link);
}

a:hover {
    color: var(--hovered);
}

a:visited:hover {
    color: var(--hovered);
}

a:visited {
    color: var(--link);
}

.title
{
    margin-top: 0pt;
    margin-bottom: -5pt;
    text-align: center;
    font-size: 25pt;
    font-weight: bold;
}

.header
{
    background-color: var(--bgTop);
    position: sticky;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -15pt;
    top: 0;
}

.navbar
{
    background-color: var(--textBg);
    text-align: center;
    font-size: 20pt;
    margin-bottom: 40pt;
}

.main {
    background-image: linear-gradient(to bottom, var(--bgTop), var(--bgBottom));
    color: #dee3f1;
    font-family: Arial;
}

.summary {
    background-color: var(--textBg);
    margin-top: 20pt;
    margin-left: 75pt;
    margin-right: 75pt;
    font-size: 16pt;
}

.devices
{
    text-align: center;
}

#toast
{
    margin-top: 10pt;
    text-align: center;
    font-size: 20pt;
}