/* body {
            background-color: rgb(34, 32, 37);
        } */

        header {
            /* overflow: hidden; */
            top: 0;
            background-color: rgb(0, 0, 0);
            color: #fff;
            /* padding: 20px; */
            margin-top: 0px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            z-index:1;

        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        nav li {
            margin-left: 20px;
        }

        nav a {
            color: rgb(224, 207, 207);
            padding-right: 15px;
            text-decoration: none;
            font-size: 32px;
            font-weight: bolder;
            text-shadow: #fff;
        }



        /* nav  a:hover { */
            /* border-bottom: 2px solid #fff; */
            /* color: rgb(247, 240, 240); */
            /* background-color: rgb(38, 43, 43); */
            /* transition: background-color 0.4s; */
            /* font-weight: bolder; */
            /* font-size: 32.9px; */
        /* } */



        header img:hover{
            border: 1px blue solid;

            border-radius: 15px;
        }
        footer{
            padding: 10px 20px;
            background-color: rgb(0, 0, 0);
            color: white;
            bottom: 0;
            /* display: flex; */
        } 
        footer a{
            padding: 12px 22px;
            font-size: 30px;
        }
        footer a:visited{
            color: white;
        }
        footer a:hover{
            border: white 2px solid;
            border-radius: 25px;
    
        }
        footer p{
            text-align: center;
        }
        
        .footer_names{
            font-size: 20px;
        }
        footer div{
            color: white;
        }
        a{
            text-decoration: none;
        }