body {
  //padding: 0px;
  font-family:Arial;
  //background-color: black ;    //background-image:..img/bg1.jpeg;
  //ba/ckground-repeat: no-repeat;
  //background-attachment: fixed; 
  //background-size: 100% 100%;

}


.container {
        width: 70%;
        margin: auto;
        padding: 0px;
}



* {
  //margin: 0px;
  //padding: 0px;
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */

.column1 {
  float: left;
  width: 40%;
  padding: 10px;
  height: 500px; /* Should be removed. Only for demonstration */
}
.column2 {
  float: left;
  width: 60%;
  padding: 10px;
  height: 500px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* The animation code */
@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* The element to apply the animation to */
.animate-container {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}

p {
  color: white;
  font-family: arial;
  font-size: x-small;
}


h1 {
  color: white;
  font-family: arial;
 // text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}