.header {
    transition: opacity 0.6s, top 0.6s; 
    opacity: 1;
}

.header.show {
    opacity: 1;
    top: 0;
}

.header.hide {
    opacity: 0;
    top: -80px; 
}