*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

    table{
        height: 100vh;
        width: 100%;
    }


 table, td{
        /* border: 1px solid rgb(0, 0, 0); */
        
        margin: auto;
    }

    footer{
        /* background-color: #111; */
        position: relative;
        
        /* border-color: #fff;
        

        transform: scale(1.0);
    border-color: #ffffff;
    
    box-shadow: 0px 0px 10px 1px #ffffff;
    border-radius: 15px;
    color: #ffffff; */


        /* background-color: #111; try red color here */
        background-image: -webkit-linear-gradient(right, #222, white);
    }

    .footer-container{
        
        width: 100%;
        
        padding: 1px 20px 1px;

    }

    .social-icons{
        display: flex;
        justify-content: center;

    }

    .social-icons a{
        text-decoration: none;
        padding: 10px;
        background-color: white;
        margin: 10px;
        border-radius: 50%;

    }

    .social-icons a i{
        font-size: 1.5em;
        color: black;
        opacity: 0.9;

    }

    /* hover effect on social media icons*/
    .social-icons a:hover{
        background-color: #000000;
        transition: 0.5s;

    }

    .social-icons a:hover i{
        color: rgb(255, 255, 255);
        transition: 0.5s;
    }

    .footer-nav{
        margin: 10px 0;

    }

    .footer-nav ul{
        /* display: flex; */
        justify-content: center;
        list-style-type: none;
        text-align: center;
    }

    .footer-nav ul li a{
        color: rgb(255, 255, 255);
        margin: 20px;
        text-decoration: none;
        font-size: 1.3em;
        opacity: 0.8;
        transition: 0.1s;

    }

    .footer-nav ul li a:hover{
        opacity: 1;
        color: #ffffff;
    }

    .footer-bottom{
        background-color: #000000;
        padding: 15px;
        text-align: center;
    }

    .footer-bottom p{
        color: white;
    }

    .designer{
        opacity: 0.7;
        /* text-transform: uppercase; */
        letter-spacing: 1px;
        font-weight: 400;
        margin: 0px 5px;
    }









 /* just add class="glow" in span to apply this glowing word effect  

     .glow{
        font-size: 40px;
        color: red;
        animation: glow 1s ease-in-out infinite alternate;
    }
    @-webkit-keyframes glow{
        from{
            text-shadow: 0 0 0px #ffffff, 0 0 -1px #e9e9e9, 0 0 1px #dadada, 0 0 2px #bbbbbb, 0 0 3px #9a9a9a, 0 0 4px #646464, 0 0 5px #373737;
        }
        to{
            text-shadow: 0 0 0px #ffffff, 0 0 0px #e8e8e8, 0 0 2px #dbdada, 0 0 4px #cccccc, 0 0 6px #bababa, 0 0 8px #acacac, 0 0 10px #9f9f9f;
        }
    } */