body {
    height: 100vh;
    min-height: content;
}

.card-hello{
    background-image: url('../src/img/banner.jpg');
    background-repeat: no-repat;
    background-size: cover;
    background-blend-mode: multiply;
    background-position: fixed;
}

/* menu responsive styles */
.div {
    transition: 0.2s all linear;
}
  
.div_hide {
    opacity: 0;
}

/* Responsive css */
@media only screen and (max-width: 600px) {
    .navbar .username{
        display: none;
    }

    .sidenav{
        display: none;
    }
}