@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(Roboto-Slab.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
    background-color: #62667c;
    padding-top: 5.5rem;
}

div {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

img,
h1,
p {
    text-align: center;
    /*border: 2px solid lime;*/
}

h1 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 25.5px;
}

.note {
    font-family: var(--sans-serif);
    font-size: 10px;
    color: #adb4df;
    margin-top: 2rem;
    line-height: 16px;
}

.logo,
.proton {
    vertical-align: middle;
}

.logo {
    width: 250px;
    /*margin-top: 2rem;*/
    margin-bottom: 0.4rem;
}

.proton {
    width: 150px;
    margin-top: 5rem;
}