.blue-g {
    background: rgb(8,49,102);
    background: linear-gradient(270deg, rgba(8,49,102,1) 0%, rgba(9,58,121,1) 35%, rgba(0,212,255,1) 100%);
    border: none;
    width: 100%;
    transition: .5s ease-out;  
}

.blue-g:hover {
    background-position:300px;   
}

.red-g {
    background: rgb(255,0,0);
    background: linear-gradient(270deg, rgba(255,0,0,1) 0%, rgba(249,163,163,1) 50%, rgba(204,0,0,1) 100%);
    border: none;
    width: 100%;
    transition: .5s ease-out;  
}

.red-g:hover {
    background-position:300px;   
}

.header-logo {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    margin-top: -50px;
}

.header-text {
    font-weight: bold;
}