body{
    background:#eee;
    font-family: 'Raleway', sans-serif;
    }
    .main-part{
    width:80%;
    margin:0 auto;
    text-align: center;
    padding: 0px 5px;
    }
    .cpanel{
    width:32%;
    display: inline-block;
    background-color:#34495E;
    color:#fff;
    margin-top: 50px;
    }
    .icon-part i{
    font-size: 30px;
    padding:10px;
    border:1px solid #fff;
    border-radius:50%;
    margin-top:-25px;
    margin-bottom: 10px;
    background-color:#34495E;
    }
    .icon-part p{
    margin:0px;
    font-size: 20px;
    padding-bottom: 10px;
    }
    .card-content-part{
    background-color: #2F4254;
    padding: 5px 0px;
    }
    .cpanel .card-content-part:hover{
    background-color: #0000FF;
    cursor: pointer;
    }
    .card-content-part a{
    color:#fff;
    text-decoration: none;
    }
    .cpanel-green .icon-part,.cpanel-green .icon-part i{
    background-color: #228B22;
    }
    .cpanel-green .card-content-part{
    background-color: #228B22;
    }
    .cpanel-LimeGreen .icon-part,.cpanel-LimeGreen .icon-part i{
    background-color: #32CD32;
    }
    .cpanel-LimeGreen .card-content-part{
    background-color: #32CD32;
    }
    .cpanel-royalblue .icon-part,.cpanel-royalblue .icon-part i{
    background-color: #4169E1;
    }
    .cpanel-royalblue .card-content-part{
    background-color: #4169E1;
    }
    .cpanel-blueviolet .icon-part,.cpanel-blueviolet .icon-part i{
    background-color: #8A2BE2;
    }
    .cpanel-blueviolet .card-content-part{
    background-color: #8A2BE2;
    }
    .cpanel-orange .icon-part,.cpanel-orange .icon-part i{
    background-color: #FF4500;
    }
    .cpanel-orange .card-content-part{
    background-color: #FF4500;
    }
    .cpanel-blue .icon-part,.cpanel-blue .icon-part i{
    background-color: #4169E1;
    }
    .cpanel-blue .card-content-part{
    background-color:#4169E1;
    }
    .cpanel-red .icon-part,.cpanel-red .icon-part i{
    background-color:#FF0000;
    }
    .cpanel-red .card-content-part{
    background-color:#FF0000;
    }
    .cpanel-OrangeRed .icon-part,.cpanel-OrangeRed .icon-part i{
    background-color:#FF4500;
    }
    .cpanel-OrangeRed .card-content-part{
    background-color:#FF4500;
    }
    .cpanel-skyblue .icon-part,.cpanel-skyblue .icon-part i{
    background-color:#6A5ACD;
    }
    .cpanel-skyblue .card-content-part{
    background-color:#6A5ACD;
    }
    .cpanel-MediumSlateBlue .icon-part,.cpanel-MediumSlateBlue .icon-part i{
    background-color:#3380FF;
    }
    .cpanel-MediumSlateBlue .card-content-part{
    background-color:#3380FF;
    }
    .cpanel-BlueViolet .icon-part,.cpanel-BlueViolet .icon-part i{
    background-color:#8A2BE2;
    }
    .cpanel-BlueViolet .card-content-part{
    background-color:#8A2BE2;
    }
    .cpanel-Purple .icon-part,.cpanel-Purple .icon-part i{
    background-color:#800080;
    }
    .cpanel-Purple .card-content-part{
    background-color:#800080;
    }
    
    .cpanel-Violet .icon-part,.cpanel-Violet .icon-part i{
    background-color:#EE82EE;
    }
    .cpanel-Violet .card-content-part{
    background-color:#EE82EE;
    }
    .cpanel-Orchid .icon-part,.cpanel-Orchid .icon-part i{
    background-color:#DA70D6;
    }
    .cpanel-Orchid .card-content-part{
    background-color:#DA70D6;
    }