/*Restricted only for elements that apply to ALL pages*/
:root {
    --button_background: #01e3c6; /*Button Color*/
    --hColor: #d0b16b;
    --blueAlt1: #1f95a6;
    --blueAlt2: #1b5973;
    --backgroundBlue1: #9de0fd;
    --backgroundBlue2: #b9eafe;
    --backgroundBlue3: #cdf7fe;
}
.unhighlightable {
    user-select: none;
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari and Chrome */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
*{
    margin: 0 auto;
    padding: 0;
}
.divider{
    width: 100%;
    height: 30px;
    background-image: linear-gradient(to bottom, var(--blueAlt2),var(--blueAlt1))
}
header{
    display: flex;
    text-align: center;
    top: 0px;
    width: 100%;
    height: 80px;
    z-index: 1;
}
.logo{
    position: absolute;
    margin-top: 25px;
    left: 8%;
    height: 30px;
    width: auto;
}
/*footer{
    position: fixed;
    text-align: center;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    z-index: 1;
}*/
.headline{
    position: absolute;
    color: var(--hColor);
    left: 50%;
    transform: translatex(-50%);
    margin-top: 15px;
    font-size: 42px;
}
.log-out{
    position: absolute;
    font-family: "Alata", "Raleway", sans-serif;
    background-color: var(--button_background);
    color: black;
    right: 8%;
    margin-top: 15px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;  
    cursor: pointer;
    height: 50px;
    border-style: none;
    border-radius: 10px;
}
.log-out:hover{
    background-color: white;
    transition-duration: 1s;
}