.blue{
            font-size: 1.5em;
    font-weight: 400;
    font-family: "Gill Sans", sans-serif;
    /* min-width: 80px; */
    padding: 3px 15px;
    margin-top: 5px;
    color: #fff;
    background-color: #53b2ee;
            color: #fff;
   
            background-color: #53b2ee;
        }
        .grey{
            border: 1px solid #8e8383;
    color: #171515fa;
        }
        #footer{
                width: 100%;
    height: 120px;
    font-size: 20px;
    background-color: #2c2c2c;
    font-family: "Gill Sans", sans-serif;
    color: #939390;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
        }
        #menuFooter {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
        #copyright {
    display: flex;
    justify-content: center;
    font-size: .8em;
}
        #footer a {
    color: #939390;
    margin: 0px 10px 0px 10px;
}
        .fa {
 
 
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}


.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}
        
        
        .purple{
            background-color: #9c27b057;
            color: #fff;
        }
            .red{
            background-color: #ff5c5c7a;
            color: #fff;
        }
                .blu{
            background-color: #007bff69;
            color: #fff;
        }
                    .greyy{
            background-color: #6c757d8c;
            color: #fff;
        }
        .orange {
    background-color: #ffc107ab;
    color: #fff;
}
        .tabcontent {
  display: none;
 
}
        
        .wid{
            width: 100%;font-size: 35px;    font-family: none;
        }
        
        .font{
            font-size: 25px;font-family: none;
        }
        .font1{
            font-size: 21px;color: #0b29bf9e;
     font-family: none;
        }
            .fontm{
            font-size: 21px;color: #9da0a2;
     font-family: none;
        }
            .fonth{
            font-size: 21px;color: #e28df1;
     font-family: none;
        }
            .fonts{
            font-size: 21px;color: #e88686;
     font-family: none;
        }
        .color1{
            color: #0b29bf9e;
        }
          .colorm{
            color: #aeb3b8;
        }
          .colorh{
            color: #e5adef;
        }
          .colors{
            color: #f1a9a9;
        }
        .color2{
            width: 100%;font-size: 25px; color: #0b29bf9e;
    background-color: #007bff8c;
        }
        .colorbm {
    width: 100%;
    font-size: 25px;
    color: #80858afa;
    background-color: #aeb3b8;
}
        .colorbh {
    width: 100%;
    font-size: 25px;
    color: #cd80da;
    background-color: #ddb5e4;
}
        
        .colorbs {
    width: 100%;
    font-size: 25px;
    color: #ec8585;
    background-color: #ffb1b1;
}
        @media only screen and (max-width: 600px) {
 .color2{
            width: 100%;font-size: 17px; color: #0b29bf9e;
    background-color: #007bff8c;
        }
                    .colorbm {
    width: 100%;
    font-size: 17px;
    color: #80858afa;
    background-color: #aeb3b8;
}
            .colorbh {
    width: 100%;
    font-size: 17px;
    color: #cd80da;
    background-color: #ddb5e4;
}
            .colorbs {
    width: 100%;
    font-size: 17px;
    color: #ec8585;
    background-color: #ffb1b1;
}
  
   .cont {
    font-size: 17px !important;
    width:90% !important;
    margin:auto !important;
    padding: 0 25px 40px 10px !important;
    background-color: #fb5402 !important;
/*    border:4px solid #B0E0E6;*/
    border-radius:5px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    box-shadow: 5px 5px 5px #888 !important;
}         
            
}
   .cont {
    font-size: 30px;
    width:50%;
    margin:auto;
    padding: 0 25px 40px 10px;
    background-color: #fd5501db;
/*    border:4px solid #B0E0E6;*/
    border-radius:5px;
    color: #FFFFFF;
    font-weight: bold;
    box-shadow: 5px 5px 5px #888;
}
     
      
      

h1 {
    text-align: center;
}

#title {
    text-decoration: underline;
}

#quiz {
    text-indent: 10px;
    display:none;
}

.button {
    border:4px solid;
    border-radius:5px;
/*    width: 40px;*/
    padding-left:5px;
    padding-right: 5px;
    position: relative;
    float:right;
    background-color: #DCDCDC;
    color: black;
    margin: 0 2px 0 2px;
}

.button.active {
    background-color: #F8F8FF;
    color: #525252;
}

button {
    position: relative;
    float:right;
}

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


ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#prev {
    display:none;
}

#start {
    display:none;
    width: 90px;
}
            .footer-top {
    padding: 60px 0;
    background: #333;
    text-align: left;
    color: #aaa;
}
        
        p.solid {border-style: solid;}