<style>
        .header{
            display: flex;
            justify-content: flex-start;
            z-index: 1000;

            position: sticky;
            gap: 8px;
            top: 0;
            z-index: 1000;

            padding-left: 20px;
            padding-right: 20px;
            margin-top: -28;
            margin-left: -28;
            margin-right: -28;
            
            background-color: rgba(0,0,0,0.7);
            color: white; 
        }

        .above{
            display: flex;
            justify-content: ;
            align-content: center;
            background-color: rgba(0,0,0,0.7);
        }

        .game{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-content: center;

            padding: 15%;
            padding-top: 10px;
            padding-bottom: 10px;

            background-color: rgba(0,0,0,0.7);
        }

        .inside{
            display: flex;
            flex-direction: column;
            border: 2px solid white;
            padding-right: 8px;
            padding-left: 8px;
            background-color: rgba(0,0,0,0.7);
        }
        
        .button{
            border: 2px white solid;

            color: white;
            padding: 15px 32px;

            text-align: center;

            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin-top: 0px;
            cursor: pointer;

            background-color: rgba(0,0,0,0.0);;
        }

        .button:hover{
            background-color: rgba(0,0,0,0.9);
            transition: 1s ease;
        }
        a{
            font-weight: bold;

            background-color: none;
        }

       /* BODY{
            background-image: url('img/forest.jpg');
            color: white;
            background-size: cover;
            padding: 20;
/*            padding-top: 10px;
            padding-bottom: 10px;*/
        }

        h1{
            color: white;
            padding: 0;
            padding-left: 10;
            margin: 0;
            align-content: center;
        }

       .accounts{
            display: flex;
            justify-items: flex-start ;
        }

        .footer{
            display: flex;
            justify-content: center;

            margin-bottom: -28;
            margin-left: -28;
            margin-right: -28;
            
            padding-top: 8px;
            padding-bottom: 10px;
            
            background-color: rgba(0,0,0,0.7);
            color: white; 
        }


    </style>