.container {

            width: 60%;
            background-color: white;


            /* border: 1px solid black; */
        }

        body {
            font-family: 'Roboto', sans-serif;

        }

        .header {

            background-color: #5B148F;
            color: white;
            padding: 30px;

        }

        .footer {

            background-color: #5B148F;
            color: white;
        }

        .col-sm-12 {
            background-color: white;
            /* border-bottom: 5px solid #000; */
        }

        .btn {
            background-color: #FFB630;
            color: #591490;
            font-size: large;
             border-radius: 15px;

        }

        .btn:hover {

            background-color: #FFB630;
            color: #591490;
            font-size: large;
             border-radius: 15px;

        }

        .abstract {
            color: rgb(85, 85, 85);
        }

        @media (max-width: 500px) {
            body {
                width: 100%;
                justify-content: center;
            }

            .container {
                width: 100%;
            }
        }