@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;
}

.contentContainer {
    max-height: 900px;
    margin: auto;
    width: 50%;
    padding: 20px;
    text-align: center;    
    position: absolute; 
    left: 50%;
    transform: translate(-50%, -0%);
    width:80%;
    max-width: 800px;
    background-color: #fff;
    border-radius: 10px;
}

.focusContainer {
    background-color: #F4F6FB;
    border-radius: 10px;
    width: 90%;
    margin: auto;
}

.logo {
    padding:20px;
}

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

.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;
}