nav {
        background-color: #a5d5f3;
        overflow: hidden;
      }
      
.act a {
    float: left;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.act a:hover {
    background-color: #2faade;
    color: rgb(18, 2, 2);
  }
  
  /* Add a color to the active/current link */
 a.active {
    background-color: #1504aa;
    color: white;
  }

footer {
    background: linear-gradient(to bottom, #ffffcc 0%, #00ffff 100%);
    
}

.foot a {
  padding: 3px 3px;
  text-decoration: none;
  font-size: 15px;

}

table {
    table-layout:fixed;
  width: 100%;
  border-collapse:collapse;
  border: 3px solid rgb(0, 122, 153);
}

tr{
    width: 100%;
    background-color: rgb(143, 231, 172);
  border-collapse:collapse;
  border: 3px solid rgb(0, 122, 153);
}

td{
    width: 100%;
    background-color: aquamarine;
  border-collapse:collapse;
  border: 3px solid rgb(0, 122, 153);
}

th{
    width: 100%;
  border-collapse:collapse;
  border: 3px solid rgb(0, 122, 153);
}

.sec1{
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

.sec2{
    background: linear-gradient(to bottom, #ffccff 0%, #cc0099 100%);
}
.sec3{
    background: linear-gradient(to bottom, #00ffff 0%, #3366ff 100%);
}
.sec4{
    background: linear-gradient(to bottom, #ffffcc 0%, #ff9933 100%);
}
.sec5{
    background: linear-gradient(to bottom, #66ffcc 0%, #99ff33 100%);
}

.tt{
   height:50ch; 
   width:35ch ;
   border-style:double;
   border-color: blue
}

.bt{
  float:right;
}

.food{
  color:rgb(0, 132, 255);
  text-align:center;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.f{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  padding:2ch
}

.bb{
  float:right;
}
.con{
  color:rgb(38, 0, 255);text-align:left;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding:1ch;
}

.f{
  padding: 2ch;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.cr{
  padding: 2ch;
}

.in{
  
  height:4ch;width:4ch;float:left;padding-right: 1ch;padding-left: 1ch;
}

.fb{
  height:4ch;width:4ch;float:left;padding-right:1ch;padding-left: 1ch;
}

.lin{
  height:4ch;width:4ch;float:left;padding-right:1ch;padding-left: 1ch;
}

.bbb{
  float:right;
}

.h{
  font-family:monospace;font-size:60px;
}

.ab{
  color:rgb(59, 30, 184);text-align:center;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.yh{
  height: 37ch;width:40ch;
}

.yhyh{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;padding: 2ch;
}

.ba{
  float:right;
}

.fam{
  color:rgb(127, 163, 255);text-align:center;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.fa{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;padding: 2ch;
}

.if{
  height:40ch;width:70ch;padding: 2ch;
}

.bu{
  float:right;
}

.edu{
  color:rgb(89, 19, 136);text-align:center;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.tab{
  padding: 2ch;
}

.ca{
  font-family: Arial, Helvetica, sans-serif;
}

.s{
  text-align:left;
}
.pp{
  padding:2ch;}

.flo {float:right;}

.hob{
  color:rgb(203, 63, 89);text-align:center;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.ii{
  padding: 2ch;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode;
}