@charset "UTF-8";

body {
	text-align: center;
	background-color: rgba(39,229,52, 0.70);
	background-image: url("/img/green.png");
	background-size: 100px;
	cursor: url("cursor_pointer.png"), auto;
}

header {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #FF83B5;
	font-size: 200%;
	text-shadow: 1px 1px #FFA5C9, -1px -1px #DD3766, -1px 1px #DD3766, 1px -1px #DD3766;
	letter-spacing: 1px;
	text-align: center;
}

#logo {
	font-size: 40px;
	font-weight: bold;
	color: #FF83B5;
	text-shadow: 1px 1px #DD3766, -1px -1px #DD3766, -1px 1px #DD3766, 1px -1px #DD3766;
}

#logo:hover {
	color: #FFA5C9;
	text-shadow: 1px 1px #8FF0FF, -1px -1px #8FF0FF, -1px 1px #8FF0FF, 1px -1px #8FF0FF;
}

a {
	color:#DD3766;
	text-decoration: none;
}

a:hover {
	color: #8FF0FF;
	text-shadow: 2px 1px #527EE9,
		4px 1px #DD3766;
}

.column {
  float: left;
  width: 25%;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
#guestbook {
	display: table;
	width: 100%;
}

.col {
  float: left;
  width: 33%;
}

.icon:hover {
    animation-name: rotate; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

footer {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #DD3766;
}