@charset "UTF-8";
/* CSS Document */
body {
  font-size: medium;
  font-family: Times New Roman, Verdana, Helvetica, Arial, sans-serif;
  line-height: 1.6em;
}
#mybox1 {
	line-height: 1.9em;
	font-style: normal;
	color: purple;
	
	padding: 25px;
	margin: 30px;
	float: left;
	height: 250px;
	width: 250px;
	/* font-family: Verdana, Geneva, sans-serif;*/
	font-family: 'Ranchers', cursive;
	-webkit-box-shadow: 10px 11px 12px 0px hsla(0, 2%, 79%, 1.00);
	box-shadow: 10px 11px 12px 0px hsla(0, 2%, 79%, 1.00);
	border-radius: 15px;
	background-image: url(../images/opacity.jpg);
	
}
#mybox2 {
  line-height: 1.9em;
  font-style: normal;
  /*color: #000000;*/
  color: aliceblue;
  /*background-color: #FFCC00;*/
  padding: 25px;
  margin: 30px;
  float: left;
  height: 250px;
  width: 250px;
  /* font-family: Verdana, Geneva, sans-serif;*/
  /*font-family: 'Ranchers', cursive;*/
  font-family: url ('.../font/Avn.otf');
  background: #CE5937;
  background: -moz-radial-gradient(center, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
  background: -webkit-radial-gradient(center, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
  background: radial-gradient(ellipse at center, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
  border-radius: 3px;
  border: 3px dashed hsla(0, 0%, 92%, 1.00);
}
#mybox3 {
  line-height: 1.9em;
  font-style: normal;
  /*color: #000000;*/
  color: black;
  background-color: #B6B4A8;
  padding: 25px;
  margin: 30px;
  float: left;
  height: 250px;
  width: 250px;
  /*font-family: Verdana, Geneva, sans-serif;*/
  font-family: 'Ranchers', cursive;
  text-shadow: 2px 1px 5px hsla(0, 2%, 17%, 1.00);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-box-shadow: 0px 0px 0px 8px #000000, 0px 0px 0px 16px #4B4C4B, 0px 0px 0px 24px #828482, 0px 0px 0px 31px #B2B5B2, 0px 0px 0px 39px #DADDDA, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 8px #000000, 0px 0px 0px 16px #4B4C4B, 0px 0px 0px 24px #828482, 0px 0px 0px 31px #B2B5B2, 0px 0px 0px 39px #DADDDA, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  opacity: 0.9;
}
#mybox4 {
	line-height: 1.9em;
	font-style: normal;
	color: black;
	padding: 25px;
	margin: 30px;
	float: left;
	height: 250px;
	width: 250px;
  font-family: url ('.../font/Carlson.otf');
	border: thick double #F4090D;
	background-image: -webkit-linear-gradient(238deg, rgba(255, 255, 255, 0.79) 0%, rgba(246, 54, 95, 0.79) 0.32%, rgba(244, 10, 59, 0.79) 3.02%, rgba(255, 239, 239, 0.80) 46.23%, rgba(255, 0, 0, 1.00) 100%);
	background-image: -moz-linear-gradient(238deg, rgba(255, 255, 255, 0.79) 0%, rgba(246, 54, 95, 0.79) 0.32%, rgba(244, 10, 59, 0.79) 3.02%, rgba(255, 239, 239, 0.80) 46.23%, rgba(255, 0, 0, 1.00) 100%);
	background-image: -o-linear-gradient(238deg, rgba(255, 255, 255, 0.79) 0%, rgba(246, 54, 95, 0.79) 0.32%, rgba(244, 10, 59, 0.79) 3.02%, rgba(255, 239, 239, 0.80) 46.23%, rgba(255, 0, 0, 1.00) 100%);
	background-image: linear-gradient(212deg, rgba(255, 255, 255, 0.79) 0%, rgba(246, 54, 95, 0.79) 0.32%, rgba(244, 10, 59, 0.79) 3.02%, rgba(255, 239, 239, 0.80) 46.23%, rgba(255, 0, 0, 1.00) 100%);
	background-color: #5F43C3;
	border-radius: 8px;
	border-spacing: 42px 41px;
}
a:hover {
  opacity: 0.8;
}

.opacity {
	opacity: 0.54;
}