:root {
    /* --primary-color:#ecf0f1;
    --secondary-color:#2c3e50; */
    --primary-color:#fdfffc;
    --secondary-color:#011627;
    --common-background-color:#000000;
}
body {
    font-family: 'Ubuntu', sans-serif;
    background-color: var(--common-background-color);
    /* font-weight: 700; */
}

.header {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    padding-top: 25px;
    padding-bottom: 25px;
    /* font-size: 2.5em; */
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}

.content {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    padding-top: 25px;
    padding-bottom: 25px;
    /* font-size: 1em; */
    text-align: center;    
}

.footer {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.6em;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

/* .btn{
    width: 180px;
} */

.btn-outline {
    color: var(--primary-color);
    border: solid 2px var(--primary-color);
    background: var(--secondary-color);
}

.btn-outline:hover {
    color: var(--secondary-color);
    border: solid 2px var(--primary-color);
    background: var(--primary-color);
}