/* Header */

.logo {
    display: block;
    margin: 0 auto;
    width: 100px;    
}

.logo-text {
    margin: 0 auto;
    padding: 0;
    font-size: 0.8rem;
    text-align: center;
    font-family: 'Lemon', cursive;
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.hamburger-icon {
    cursor: pointer;
}

.logo_and_hamburger-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

header {
    padding: 20px; 
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;   
    background: linear-gradient(335deg, rgba(22,6,10,1) 22%, rgba(27,1,7,1) 42%, rgba(60,4,4,1) 68%, rgba(182,165,175,1) 99%);
    padding-bottom: 10px;    
    }

header p {
    font-weight: 800;
    font-style: italic;
    text-align: center;
    font-size: 1.4rem;     
    color:#fae0a8;
    text-shadow: 1px 1px 2px black, 0 0 25px rgb(255, 73, 1), 0 0 5px rgb(229, 229, 231);
}