body 
{ margin-top:10px;
   margin-bottom:10px;
   margin-left:10px;
   margin-right:10px;
   /* background-color: white; */
	background-color: #D9759F; /* For browsers that do not support gradients */
    background-image: linear-gradient(rgb(255, 168, 228), rgb(250, 232, 244));
	height:100vH ;
   
	background-image: url('flowers.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;*/
    
	color: black;
	font-family: "Open Sans", sans-serif;
   
}
.diphylleia-regular {
  font-family: "Diphylleia", serif;
  font-weight: 400;
  font-style: normal;
}

.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}

h1.b {
  font-family: "Diphylleia", serif;
   font-size: 5em;
   font-weight: normal;
}
h1.c {
  font-family: "Diphylleia", serif;
  font-size: 3em;
  font-weight: lighter;
  color: black;
}
h1.b {
  font-family: "Diphylleia", serif;
   font-size: 5em;
   font-weight: normal;
}
h1.f {
  font-family: "Satisfy", cursive;
  font-size: 3em;
  font-weight: lighter;
}


p {
  font-size: 1.3em;
}

a {
    display: inline-block;
	color: black;
	background-color: transparent;
	/* width: 20%;  */
	padding-right: 15px;
	/* font-size: 150%;  */
}
a:link {
  text-decoration: none; 
}
a:visited {  
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}
table, th, td {
   

  /* border-collapse: collapse;   */
  	border: 1px solid white;    
	/* border-width: 1; */
    border-width: 0; 	
}

@media only screen and (min-width: 768px) {
  /* For mobile phones: */
	table {
	width: 700px; 
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse; 
	}
	table.a {
	width: 700px; 
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse; 
	border: 1px solid white;
	}
  }

@media only screen and (max-width: 768px) {
table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;   
	}
table.a {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: 1px solid white;	
	}
}

th, td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
th.a, td.a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid white;
}


/* Remove <td>'s interior cell-padding */
td.fulltd {
    padding: 0em 0em 0em 0em;
}

/* Make the <a> fill the whole td */
td a.fulltd {
    display: block;
    width: 100%;
    height: 100%;
}

/* Let the <div> provide the clickable cell-padding */
div.fulltd {
    height:100%;
    width:100%;
    padding: 1.0em 1.0em 1.0em 1.0em;
}


#gradbtn {
  height: 60px;
  background-color: #cd1076; /* For browsers that do not support gradients */
  background-image: linear-gradient(180deg, #cd1076, #ee1289, #2e2e2e);
}