*{
    margin:0;
    padding:0;
}
@keyframes rouleau1 {
    0% {transform:scale(1,1)}
    10% {transform:scale(1,-0.5)}
    20% {transform:scale(1,1)}
    40% {transform:scale(1,-0.5)}
    60% {transform:scale(1,1)}
    85% {transform:scale(1,-0.5)}
    100% {transform:scale(1,1)}
}

 .header-global{
    z-index:1000;
    margin-bottom:10px;  
    position:relative;
    top:0;

    display:flex;
    justify-content:center;
    align-items: center;

    color:rgb(255, 255, 255); 
    border-bottom: 2px dashed rgba(255, 255, 255, 0.635);
    background-color:rgba(0, 255, 204, 0.22);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    background-blend-mode:multiply;
    height: 80px;
 }

 .titre-container{
    width:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
 }

.sema-titre{
    display:block;
    cursor:pointer;
    width:200px;
    height:60px;
}


.container-mini-titres {
    width:200px;
    height:20px;
    position:relative;
}
.mini-titre{
    position:absolute;
    display:block;
    cursor:pointer;
    width:100%;
    height:100%;

    transition:opacity 0.1s ease;
    transition-delay:2s;
}

.genial-titre {
    z-index:2;
    opacity:1;
}
.crea-titre {
    z-index:1;
    opacity:0;
}
.container-mini-titres:hover .mini-titre {
    transition-delay:0.4s;
}
.container-mini-titres:hover .genial-titre {
    opacity:0;
    animation: rouleau1 1s;
}

.container-mini-titres:hover .crea-titre {
    opacity:1;
    animation: rouleau1 1s;
}





.menuhidden{
    margin:0px 20px;
    min-height:40px;
    min-width:40px;
    height:50px;
    width:50px;
    padding:0px;
    display:none;
    border:none;
    background-color:rgba(223, 22, 22, 0);
    border-radius:6px;
    display: none;
    justify-content: center;
    align-items: center;
    text-align:center;
    color:rgb(241, 70, 51);
    font-size:33px;
}
@media (max-width: 800px) {
    .header-global{
        max-width:800px;

    }
    .menuhidden{
        display:block;
    }
}




aside.aside800 {

    p,li{
        color:gold;
    }
    h3{
        margin-top:10px;
        margin-bottom:0px;
    }
    height:auto;
    min-height:200px;
    background-color:rgb(169, 17, 17);
    border:solid 2px rgb(255, 183, 0);
    border-radius:10px;
    padding:10px;
}

    @media (max-width: 800px) {
    aside.aside800 {
        position:fixed;
        top:0px;
        z-index:998;
        width:100%;
        height:100%;
        margin:0;
        background-color:rgb(169, 17, 17);
        border:solid 0px rgb(255, 183, 0);
        padding-top:100px;
        border-radius:0px;
        ul.todolist{
            font-size:25px;
    }
    }
    }
    
    aside.aside800>ul {
        border:2px solid rgb(150, 0, 0);
        border-radius: 10px;
        background-color:rgb(191, 20, 20);
        color:rgb(255, 255, 255);
        font-size:10px;
        list-style-type:square;
        list-style-position:inside;
        margin-bottom:30px;
        padding-bottom:10px;
        height:auto;
        max-width:90%;
        margin:10px 10px 10px 5px;
    }
    aside.aside800>ul>li {
        padding:0px;
        max-width:100%;
        margin:4px;
    }
    ul.menu>li{
        list-style-type:none;
        border-radius:5px;
        background-color:rgb(239, 17, 17);
        max-width:100%;
        margin:10px 10px;
        height:35px;
    }
    ul.menu>li>h4{
        margin:auto 0;
    }
    aside.aside800 {
    ul.to-do-list{
        font-size:12px;
        background-color:rgb(213, 19, 19);
    }
    li.to-do-list {
        margin:2px 0px 2px 20px;
        width:80%;
    }
    ul.menu {
    a {
        display:block;
        padding:10px 0px 5px 7px;
    }
    a:link{
        color:rgb(255, 255, 255);
        text-decoration:none;
    }
    a:hover,h4:hover {
        color:gold;
    }
    a:visited {
        color:rgb(255, 255, 255);
        text-decoration:none;
    }
    li:hover {
        background-color:rgb(210, 11, 11);
    }
    a:active {
        color:rgb(255, 145, 0);
        text-decoration:none;
    }
    }
    }