@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

@font-face {
    font-family: 'Turret1853';
    font-weight: 700;
    src: url('/fonts/Turret1853-Bold.otf') format("otf"), url('/fonts/Turret1853-Bold.ttf') format("ttf"), url('/fonts/Turret1853-Bold.woff') format("woff"), url('/fonts/Turret1853-Bold.woff2') format("woff2");
}

html,
body {
    height: 100%;
}

body {
    align-items: center;
    background-color: #f5f5f5;
    color: #222222;
    display: flex;
    font-family: Roboto;
    padding-bottom: 40px;
    padding-top: 40px;
}

h1 {
    font-family: Turret1853;
    Font-size: 4rem;
}

p.lead {
    font-size: 1.2em;
    font-weight: 500;
}

p {
    font-size: 1.2em;
}

    p a,
    li a,
    p a:hover,
    p a:focus,
    li a:hover,
    li a:focus {
        color: #222222;
        font-weight: 500;
        text-decoration-line: underline;
        text-decoration-color: #069DE5;
        text-decoration-thickness: 2px;
        text-underline-offset: 5px;
    }

        p a:hover,
        p a:focus,
        li a:hover,
        li a:focus {
            text-decoration: underline #DCDEE3;
        }

img {
    max-width: 40vw;
}