body{text-align:center;
    background-color:rgb(216, 214, 214)}

.pricing-container{display: flex;
                flex-wrap: wrap;}

.pricing-card{display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 0 0 200px;
            border: 2px solid black;
            margin-left:auto;
            margin-right:auto;
            transition: transform 0.6s ease;
            font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}

.pricing-card:hover { transform: scale(1.10);
                    border: 3px solid black; }            

.basic-plan{order:0;
            border: 1px solid black;
            background-color: white;}  

.pro-plan{order: 1;
        margin-left: 5px;
        margin-right: 5px;
        border: 1px solid black;
        background-color: white;} 
        
.premium-plan{order:2;
            background-color: rgb(198, 216, 234);
            border: 1px solid black;}

.plan-list{list-style: none;
            text-align:left;
            padding-right: 25px;
            font-size: 15px;}

.submit{background-color:rgb(250, 179, 153);
        height:40px;
        width: 200px;
        margin-left: 35px;
        margin-right: 35px;
        margin-bottom: 25px;}

.submit a {text-decoration: none;
            color: black; }

.submit:hover{background-color:antiquewhite}

.submit:active{ text-decoration: none; 
                color: black; }

ul{text-align: left;}

.approved{color: green;}

.rejected{color: red;}

h1{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif}

hr{border: 2px solid black;
    width: 200px;}