@font-face {
    font-family: 'InnerTight';
    src: url('/fonts/InterTight-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InnerTight';
    src: url('/fonts/InterTight-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'InnerTight';
    src: url('/fonts/InterTight-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'InnerTight';
    src: url('/fonts/InterTight-SemiBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

html {
    font-size: 10px;
}

body {
    font-family: 'InnerTight', sans-serif;
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    color: #292828;
}

main {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    text-align: center;
}

    main input[type=email] {
        padding: 1.2rem;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        border-radius: .4rem;
        transition: border-color linear 2s;
        color: #292828;
        width: 100%;
    }

        main input[type=email]:focus-visible {
            border-color: #5a75a0
        }

    main button[type=submit] {
        background-color: #5a75a0;
        color: #fff;
        border: none;
        border-radius: .4rem;
        font-size: 1.6rem;
        padding: 1.1rem;        
        margin: 0;
        cursor: pointer;
        width: 100%;
    }

    main div.check {
        margin: 1.2rem;
    }
img.logo {
    max-width: 300px;
}

p.footer {
    margin-top: 2rem;
    font-size: 1.4rem;
}