@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400;1,500;1,600&family=Poppins:ital,wght@1,800&family=Roboto:wght@100&display=swap');

        * {
            padding: 0;
            margin: 0;
            font-family: 'Noto Sans', serif;
            /* font-family: 'Poppins', sans-serif; */
            font-family: 'Roboto', sans-serif;
        }
        .container{
            max-width: 80vw;
            margin: 23px auto;
        }

        nav {
            background-color: black;
            color: white;
            padding: 12px 23px;
            display: flex;
            justify-content: space-between;
        }
        .logo{
            margin: 0 23px;
            font-size: 25px;
            font-weight: 800;
            cursor: pointer;
        }

        ul {
            display: flex;
            align-items: center;
        }

        ul li {
            list-style: none;
            margin: 0px 20px;
        }
        ul li:hover{
            color: white;
            cursor: pointer;
            
        }
        table, td, tr{
            border: 2px solid black;
            border-collapse: collapse;
            padding: 5px 13px;
        }
        h1, h2, h3{
            margin: 23px 0;

        }
        .btn{
            padding: 7px 17px;
            background: black;
            color: white;
            font-weight: 900;
            border: 2px solid grey;
            border-radius: 8px;
            margin: 25px 0;
            cursor: pointer;
        }
        .btnsm{
            padding: 7px 17px;
            background: black;
            color: white;
            font-weight: 900;
            border: 2px solid grey;
            border-radius: 8px;
            cursor: pointer;
        }
        img{
            cursor: pointer;
            position: relative;
            bottom: 7px;
            width: 25px;
            height: 35px;
        }
        #alert{
            display: none;
        }
        footer{
            text-align: center;
            background-color: black;
            color: #fff;
            padding: 20px;
            position: sticky;
            top: 100%;
        }
        body{
            min-height: 100vh;
            background-color: rgb(193, 230, 230);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: 100% 100%;
        }