@font-face {
    font-family: quattrocento-sans;
    src: url('./QuattrocentoSans/QuattrocentoSans-Regular.ttf');
}

html,
body {
    margin: 0;
    background-color: #434a57;
    font-family: 'quattrocento-sans';
}

.center {
    padding: 80px 0;
    position: absolute;
    width: 100%;
    background-color: #566990;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    border-top: 10px solid #ff0302;
    border-bottom: 10px solid #ff0302;
}

.title {
    margin-top: 10px;
    font-size: 26pt;
}

.subtitle {
    font-size: 20pt;
}

a,
a:visited {
    color: #c9d6df;
    text-decoration: none;
}

a:hover {
    color: #da6868;
    text-decoration: none;
}