
<style>
body {margin:0;}

.navbar {
  overflow: hidden;
  background-color:#455A64;
  position: fixed;
  top: 0;
  width: 100%;
}


        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .btn {
            border-radius: 2px;
            margin-bottom: 10px;
            background-color:#4CAF50;
            border: none;
            color: white;
            padding: 5px 5px;
            cursor: pointer;
            font-size: 18px;
        }

        /* Darker background on mouse-over */
        .btn:hover {
            background-color:#109c06;
        }

        #customers {
            margin-bottom: 1%;
            margin-top: 1%;
            font-family: Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 95%;
        }

        #customers td,
        #customers th {
            border: 1px solid #ddd;
            padding: 8px;
        }

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

        #customers tr:hover {
            background-color: #ddd;
        }

        #customers th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #455A64;
            color: white;
        }

        #snackbar {
            visibility: hidden;
            min-width: 250px;
            margin-left: -125px;
            background-color: #333;
            color: #fff;
            text-align: center;
            border-radius: 2px;
            padding: 16px;
            position: fixed;
            z-index: 1;
            left: 50%;
            bottom: 30px;
            font-size: 17px;
        }

        #snackbar.show {
            visibility: visible;
            -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
            animation: fadein 0.5s, fadeout 0.5s 2.5s;
        }

        @-webkit-keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        @keyframes fadein {
            from {
                bottom: 0;
                opacity: 0;
            }

            to {
                bottom: 30px;
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }

        @keyframes fadeout {
            from {
                bottom: 30px;
                opacity: 1;
            }

            to {
                bottom: 0;
                opacity: 0;
            }
        }
    </style>


#more {display: none;} 
#more2 {display: none;}

 .card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: auto;
  font-size: 14px;
  height: auto;
  margin-top: 5%;
  margin-left: 1%;
  margin-right: 1%;
  
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
    
     /* Darker background on mouse-over */ 
    
     #customers { margin-bottom: 1%; margin-top: 1%; font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; }
    
    #customers td, #customers th { border: 1px solid #ddd; text-align: left; padding: 8px; } #customers tr:nth-child(even) { background-color: #f2f2f2; } #customers tr:hover { background-color: #ddd; } 
    
    #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #333; color: white; } #snackbar { visibility: hidden; min-width: 250px; margin-left: -125px; background-color: #333; color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-size: 17px; }
   
    #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } @-webkit-keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @-webkit-keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } }
     
     .sora-author-box-text1 {
  margin-left: 2%;
  margin-right: 2%;   padding: 0; overflow: hidden; font-size: 14px; text-align: center; } .sora-author-box-text1
      
     .hello-txt { background-color: #4caf50; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.1; display: inline-block; padding: 7px 12px; text-transform: uppercase; position: relative; margin-bottom: 28px; } .sora-author-box-text1
      .sora-author-box-text-head { color: #3d4451; padding-bottom: 25px; margin-top: 25px; margin-bottom: 25px; border-bottom: 1px solid #dedede; } .sora-author-box-text 
      
.sora-author-box-text { padding: 0; overflow: hidden; text-align: left; }
    
    .hello-txt:before { border-left-color:#4caf50; content: ''; width: 0; height: 0; top: 100%; left: 5px; display: block; position: absolute; border-style: solid; border-width: 0 0 8px 8px; } 
    
