* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    height: 100%;
    overflow: hidden;
}
body {
    height: 100%;
    background-color: #888888;
    font-family: Roboto, Arial;
}
h1 {
    font-size: 32px;
    font-family: Nunito, Arial;
    font-weight: normal;
}

p {
    display: block;
    margin-block-start: 12px;
    margin-block-end: 12px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

#root {
    height: 100%;
}

.startupScreen {
    font-family: Nunito;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.centered {
    text-align: center;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
    height: 14px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-track:hover {
    background: #dddddd;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/* This is to prevent autofill from overriding our styles */
/* https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}
/* This font is used for passwords in order to avoid the autofill stuff in browsers */
@font-face {
    font-family: 'dotsfont';
    src: url('dots.woff2') format('woff2');
}
input[type="checkbox"] {-moz-appearance: none;}