.header{
    position: relative;
    height: 20vh;
    width:85vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: rgb(238, 180, 193);
    border-radius: 50px 50px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgb(255, 255, 255);
}

body{
    padding-left: 7.5vw;
    padding-top:5vh;
    padding-right: 7.5vw;
}

.logo-picture{
    z-index: 100;
    height: 12vh;
}


.logo-text-picture{
    height: 12vh;
    margin-bottom: 5vh;
    rotate: -3deg;

}

.secret:hover{
    cursor: url(custom_cursor_hover.png),auto;
}

.secret:hover .handwriting{
    visibility: visible;
    opacity: 1;
}

.logo {
    animation-name: spin;
    margin-bottom: 5vh;
    margin-right: 1vw;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.logo:hover{
    cursor: url(custom_cursor_hover.png), auto;
}

.logo-text{
    cursor: url(custom_cursor_hover.png), auto;
}

.hamburger-menu-open, .hamburger-menu-close{
    margin-bottom: 5vh;
    display: none;
}
  
@keyframes spin {
    from {
      transform:rotate(0deg);
    }
    to {
       transform:rotate(360deg);
    }
}
    
@media only screen and (max-device-width: 900px){
    .logo-text-picture{
        display: none;
    }
    .logo-picture{
        z-index: 100;
        margin-top: 0;
    }
    .handwriting{
        visibility: hidden !important;
    }
}

@media (max-width: 900px){
    .logo-text-picture{
        display: none;
    }
    .logo-picture{
        z-index: 100;
        margin-top: 0;
    }

    .hamburger-menu-open{
        display: initial;
        height: 9vh;
        margin-left: 5vw;
    }

    @keyframes spin {
        from {
          transform:rotate(0deg);
        }
        to {
           transform:rotate(0deg);
        }
    }
    .handwriting{
        visibility: hidden !important;
    }
}

    
.is-mobile.logo-text-picture{
    display: none;
}

.is-mobile.logo-picture{
    z-index: 100;
    margin-top: 0;
}

.is-mobile.handwriting{
    visibility: hidden !important;
}





  
