@font-face {
    font-family: 'DINCondBlack Regular';
    src: url('../fonts/DINCondBlack Regular.otf') format('opentype');
}

body{
    background: linear-gradient(to bottom right, #024277, #0fa9c5)!important;
}

.po-header{
    background-color:#251a5f;
    padding-top:10px;
    padding-bottom:10px;
}

.po-welcome-message-container{
    font-family:'DINCondBlack Regular';
    text-align:center;
    background-color:#251a5f;
    margin-top:30px;
    padding:40px;
}

.po-signup-container{
    font-family:'DINCondBlack Regular';
    background-color:#d4f2ff;
    margin-top:20px;
    padding:40px;
}

.po-signup-heading{
    font-family:'DINCondBlack Regular';
    font-size:30px;
}

.po-welcome-message{
    font-family: 'DINCondBlack Regular';
    font-size:17px;
    margin-bottom:30px;
    letter-spacing:3px;
    color:#ffffff;
}

.po-button{
    padding-left:30px;
    padding-right: 30px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:'DINCondBlack Regular';
    background-color:#251a5f;
    color:#d4f2ff;
    border-color:#251a5f;
    border-radius:3px;
    letter-spacing:1px;
}

.po-button:hover{
    background-color:#3F3188;
    border-color:#3F3188;
    color:#ffffff;
    text-decoration:none!important;
}

.po-welcome-button{
    padding-left:30px;
    padding-right: 30px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:'DINCondBlack Regular';
    background-color:#d4f2ff;
    color:#251a5f;
    border-color:#d4f2ff;
    border-radius:3px;
    letter-spacing:1px;
}

.po-welcome-button:hover{
    background-color:#8FDDFF;
    border-color:#8FDDFF;
    color:#251a5f;
    text-decoration:none!important;
}

.po-footer{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#251a5f;
    padding-top:5px;
    padding-bottom:5px;
}

.po-signup-field-label{
    font-family:'DINCondBlack Regular';
    font-size:16px;
}