body{background-color: #fff271a8}
/*body{background-color: #dcdcdc}*/

*{
    margin: 0px; padding: 0px;}
    ::-webkit-scrollbar{width: 9px; height: 9px}
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 10px;}
        ::-webkit-scrollbar-thumb {
            background: #333; 
            border-radius: 10px;
        }
        
        .header{
            margin-top: -50px;
            z-index: 1;
            position: fixed;
            display:flex;
            flex-direction:row-reverse;
            align-items:center;
            width:100%;
            height:50px;
            background-color:#ffe800;}
            
            .heddet{
                display:flex;
                flex-direction:row-reverse;
                align-items:center;
                height: 100%;
                padding-right: 17px;
                padding-left: 17px;
                transition:0.3s;
                background-image: linear-gradient(to right, #ffe800 , #ffe800)}
                
                .heddet:hover{
                    padding-right:35px;
                    cursor:pointer;}
                    
                    
                    .gradient {
                        position: relative;
                        background-image: linear-gradient(to right , #ffe800 , #ffe800);
                        z-index: 1;}
                        
                        .gradient::before {
                            position: absolute;
                            content: '';
                            border-radius: 5px;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            background-image: linear-gradient(60deg , #ffae00, #ffae00 , #ffe800, #ffe800, #ffe800);
                            z-index: -1;
                            transition: opacity 0.2s linear;
                            opacity: 0;}
                            
                            .gradient:hover::before {
                                opacity: 1;}