* {margin: 0;padding: 0;box-sizing: border-box; }
body,html{width: 100%;height: 100%;overflow-x:hidden}

#global{
    min-height: 100vh;
    position: relative;
    background-color: #e0e0e0;
}

h1 {
    text-align: center !important;
}

#login h1 {
    background: #a5228e;
    color: white;
}

header, main, footer {
    width: 100%;
}


/* HEADER */
header {
    width: 100%;
    height: 10rem;
    background: linear-gradient(90deg, rgba(213,14,141,1) 0%, rgba(125,42,144,1) 53%);
    color: white;
    position: sticky;
    top: -1px;
    z-index: 99999;
    transition: 0.5s;
    overflow: hidden;
}



#header {
    height: 7rem;
}

#topbar {
    width: 100%;
    height: 3rem;
    background: #2f1f49;
}

#logo {
    width: 10em;
    height: 5em;
    display: block;
    /*background: center url("../img/logo-blanc.png") no-repeat;*/
    position: relative;
    transition: 0.5s;
  }

#logo a {
    width: 100%;
    height: 100%;
    display: flex;
}

#logo a img {
    width: 100%;
    height: 100%;
  
  }

/* MAIN */
#main{
    min-height: 100%;
}

/* FOOTER */
footer {
    height: 7rem;
    background: linear-gradient(90deg, rgba(213,14,141,1) 0%, rgba(125,42,144,1) 53%);
    color: white;
}