/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Terminal;
}
p{
    background:white;
  }
#border{border: 20px double black;}
#rainbow{
      

      
      color:#313131;
      font-size:45px;
      font-weight: bold;
      
      -webkit-animation:colorchange 20s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: blue;
      }
      
      10% {
        
        color: #8e44ad;
      }
      
      20% {
        
        color: #1abc9c;
      }
      
      30% {
        
        color: #d35400;
      }
      
      40% {
        
        color: blue;
      }
      
      50% {
        
        color: #34495e;
      }
      
      60% {
        
        color: blue;
      }
      
      70% {
        
        color: #2980b9;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: #2980b9;
      }
      
      100% {
        
        color: pink;
      }
    }
#border1{
  border: 20px double red;
}
#textImg{
    display:inline-block;
  }
#button {
  border double;
  background:url("HgwB.gif") no-repeat;
  color: black;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
#button2 {
  border double;
  background:url("flash.gif") no-repeat;
  color: black;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
#pot {
  bottom: 5%;
  position: absolute;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 4s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% {
    left: 73%;
  }
  100% {
    left: 0;    
  }
}

.table1, .th1, .td1 {
  width: 50%;
  border: 4px solid black;
  background: white;
}
.table2, .th2 .td2 {
  width: 50%;
  border: 10px double white;
  background: url("gal.jpg");
}
.table3, .th3, .td3 {
  width: 50%;
  border: 4px solid black;
  background: url("cFlag.jpg");
  
}
.table4, .th4, .td4 {
  border: 4px solid black;
  background: url("cFlag.jpg");
  position: absolute; top:25px 
  position: absolute; left:900px
}
.header1 {
  padding: 76px;
  text-align: center;
  background: url("maoWave.jpg");
  color: Black;
  font-size: 40px;
}

#buttonC {
  background:url("chinese-flag-1.gif") no-repeat;
  color: black;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}