@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap');
        body{
            margin: 0;
            padding: 0;
        }
        .container{
            width: auto;
        }
        @media (min-width:1200px){
            .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}
        }
        .btn{
            font-family: Roboto, sans-serif;
            font-size: 14px;
            background-color: #fff;
            color: #0066cc;
            padding: 12px 30px;
            border: solid 2px #fff;
            border-radius: 50px;
            transition : 500ms;
            cursor: pointer;
            text-decoration: none;
        }
        .btn.dark{
            background-color: #000;
            color: #ccc;
            border: solid 2px #000;
        }

        .btn.blue{
            background-color: #1a80b5;
            color: #fff;
            border: solid 2px #1a80b5;
        }

        .btn:hover{
            color: #fff;
            background-color: #0077b6;
        }
        .btn.blue:hover{
            color: #fff;
            background-color: #000;
        }

        h1{
            font-weight: bold;
            font-family: 'Gotham Black', Playfair, sans-serif;
            font-size: 48px;
            /* font-family: Teko, sans-serif; */
        }
        h2{
            font-size: 30px;
            font-family: Nunito, sans-serif;
        } 
        h3{
            font-size: 24px;
            font-family: Nunito, sans-serif;
        } 
        p{
            font-family: Nunito, sans-serif;
        }
        .responsive {
            width: 100%;
            /* max-width: 400px;  */
            height: auto;
        }
        .red{
            background-color: red;
        }
        .image-frame{
            background-color: rgb(201, 199, 199);
            border-radius: 60px;
            max-height: 400px;
            overflow: hidden;
        }
        input {
            display: block;
            border: 2px solid #ccc;
            width: 70%;
            padding: 10px;
            /* margin: 10px auto; */
            border-radius: 5px;
        }

        th, td {
            padding: 25px;
            text-align: left;
            border-bottom: 1px solid #ddd;
            font-family: Roboto, sans-serif;
        }

        tr:nth-child(even) {background-color: #f2f2f2;}

        .logo{
            width: 240px;
        }
        @media (max-width:400px){
            .logo{
                width: 200px;
            }
            h1{
                font-size: 40px;
            }
        }
        @media (max-width:991px){
            .image-frame{
            border-radius: 30px;
        }
        }