@font-face {
    font-family: 'Avenir Black';
    src: url('../fonts/Avenir_Black.ttf') format('truetype')
}

@font-face {
    font-family: 'Avenir Book';
    src: url('../fonts/Avenir_Book.ttf') format('truetype')
}

@font-face {
    font-family: 'Avenir Heavy';
    src: url('../fonts/Avenir_Heavy.ttf') format('truetype')
}

@font-face {
    font-family: 'Avenir Medium';
    src: url('../fonts/Avenir_Medium.ttf') format('truetype')
}

@font-face {
    font-family: 'Avenir Regular';
    src: url('../fonts/Avenir_Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Avenir Roman';
    src: url('../fonts/Avenir_Roman.ttf') format('truetype')
}

.body {
    background-color: #E7EBF5;
    font-family: "Avenir Roman", Arial, sans-serif;
    font-size: 14pt;
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.contentContainer {
    margin: 20px;
    height: calc(100vh - 40px);
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.focusContainer {
    background-color: #F4F6FB;
    border-radius: 10px;
    width: 70%;
    margin: auto;
    overflow-y: auto;
    max-height: calc(100vh - 250px);
}

.logo {
    padding: 10px;
}

    .logo img {
        max-width: 250px;
        max-height: 60px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }

.message {
    color: #8C9AA8;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    line-height: 18pt;
    word-wrap: break-word;
}

.upgradeLog {
    color: #8C9AA8;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    line-height: 14pt;
    word-wrap: break-word;
    text-align: left;
}

.actionContainer {
    padding-bottom: 50px;
    padding-top: 50px;
}

a.signuplink {
    font-size: 14pt;
    color: #8C9A9A;
    text-decoration: none;
    font-weight: bolder;
}

    a.signuplink:hover {
        color: #DC3C00;
    }