<style>
#myTitle {
  width: 300px;
  height: 200px;
  background: red;
  animation: mymove 5s infinite;
}

@keyframes mymove {
  from {color: #154360;}
  to {color: #21618C;}
}

#grad0 {
    background: white; /* fallback color */
    background: linear-gradient( to bottom, #21618C, white);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.fullscreenDiv {
    background: white; /* fallback color */
    background: linear-gradient( to bottom, white, #e6f7ff);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #e6f7ff;
    width: 100%;
    height: auto;
    bottom: 0px;
    top: 0px;
    left: 0;
    position: absolute;
}
.center{
/*  height: 100vh;  */
    display: flex;
    justify-content: center;
    align-items: center;
}
h1.satisfy {
	font-family: "Satisfy";
	font-size: 50px;
	color:  #154360;
}
h1.roboto {
	font-family: 'Roboto Slab', serif;
	font-size: 50px;
	color:  #154360;
}
h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 25px;
	color:  #154360;
}
a {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	text-decoration: none;
}
a:link {
	color:  #154360;
}
a:hover {
	color:  #21618C;
	cursor: pointer;
	text-shadow: 1px 1px white;
}
a:focus {
	color:  #21618C;
	cursor: pointer;
	text-shadow: 1px 1px white;
}
a:visited {
	color:  #154360;
}
a:active {
	color:  #21618C;
}
td {
	font-family: 'Roboto Slab', serif;
	color:  black;
	font-size: 20px;
}
td.justify {
	font-family: 'Roboto Slab', serif;
	color:  black;
	text-align: justify;
}
td.foot {
	font-family: "Satisfy";
	font-size: 15px;
	color:  #154360;
	text-align: center;
}
p {  
	height: 300px;
	overflow:hide;
	justify-content: center;
	width:600px;
}
.fixedsize {
	height: 300px;
	overflow:hide;
	justify-content: center;
	width:800px;

}
#footer {   
   position:fixed;
   justify-content: center;
   bottom:0px;
   height:30px;
   width:100%;
   z-index: 1000;
}

.input-box {
    font-family: 'Roboto Slab', serif; 
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
    height: 25px;
    width: calc(100% - 23px);
}
.input-box:focus {
    border-color:#55a1ff;
    outline: none;
}
.input-textarea {
    font-family: 'Roboto Slab', serif; 
    font-size: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 25px;
}
.input-textarea:focus {
    border-color:#55a1ff;
    outline: none;
}
.button-box {
    color: #fff;
    background: #55a1ff;
    border: 0;
    outline: 0;
    width: 100%;
    height: 50px;
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { float: left; }
div#slider figure { 
  position: relative;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}
.mySlides {display:none;}
</style>