#courses {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 2%;
        }


        #courses>*:nth-child(1) {
            flex: 1 1 48%;
            text-align: center;
            border: 2px solid black;
        }

        #courses>*:nth-child(2) {
            flex: 1 1 48%;
            text-align: center;
            border: 2px solid black;
        }

        table {
            margin: 1vw 2vw;
            border-spacing: 15px;

        }

 .coursetbl tr > *:nth-child(1) {
            color: #0d0d0e;
            background: linear-gradient(45deg, rgb(255, 167, 132) 0%, rgb(238, 253, 101, 1) 100%);

        }



.coursetbl tr > *:nth-child(2) {
            text-align: left;
            color: #2b06fc;
            background: linear-gradient(45deg, rgb(238, 253, 101, 1) 0%, rgb(156, 205, 245) 100%);
        }


        .course_one {
            margin-top: calc(0.8vw + 10px);
            padding-top: 1rem;
            background-color: rgb(227, 248, 219);
            border-radius: 4%;

        }


        .course_two {
            margin-top: calc(0.8vw + 10px);
            padding-top: 1rem;
            background-color: rgb(225, 223, 248);
            border-radius: 4%;
        }


        td {
            padding: 2rem 2vw;
        }

        h1 {
            color: rgb(5, 5, 5);
            margin-bottom: 0;
        }



.course_one p, .course_two p  {
            color: rgb(3, 0, 0);
            margin: 0;
            padding-inline: 10px;
        }


        .page_tittle {
            margin-top: 2vw;
            color: aliceblue;
            background-color: black;
            font-style: italic;
            font-stretch: extra-expanded;
            font-size: larger;
            text-align: center;
        }



        .btn {

            position: relative;
            padding: 8px 16px;
            padding-left: 1vw;
            padding-right: 1vw;
            background: transparent;
            border: 2px solid #0ef;
            outline: none;
            border-radius: 40px;
            cursor: pointer;
            color: #fff;
            z-index: 1;
            overflow: hidden;
            transition: .5s;
        }

        .btn::before {
            content: "";
            position: absolute;
            top: -100%;
            left: 0;
            width: 100%;
            height: 300%;
            background: linear-gradient(#081b29, #0ef, #081b29, #0ef);
            z-index: -1;

        }

        .btn:hover::before {
            top: 0;
        }