@import url('https://fonts.googleapis.com/css?family=Bree+Serif');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:wght@700&display=swap');



* {
	padding: 0px;
	margin: 0px;
}
body {
	color: #333333;
	background: #eaeaea;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	display: block;
}
a {
	color: #aa54b7;
	text-decoration: none;
}
	a:hover {
		color: #ff1493;
		transition: all 0.5s ease 0s;
	}
img {
	vertical-align: middle;
	max-width: 100%;
}
input[type='text'] {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	width: 60%;
	cursor: text;
	padding: 7px 20px;
	margin: 1px;
}
	input[type="text"]:hover {
		border: 1px solid #ff1493;
		transition: all 0.5s ease 0s;
	}
input[type='file'] {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	width: 60%;
	cursor: text;
	padding: 7px 20px;
	margin: 1px;
}
	input[type="file"]:hover {
		border: 1px solid #ff1493;
		transition: all 0.5s ease 0s;
	}
input[type='search'] {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	width: 60%;
	cursor: text;
	padding: 7px 20px;
	margin: 1px;
}
	input[type="search"]:hover {
		border: 1px solid #ff1493;
		transition: all 0.5s ease 0s;
	}
input[type='password'] {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	width: 60%;
	cursor: text;
	padding: 7px 20px;
	margin: 1px;
}
	input[type="password"]:hover {
		border: 1px solid #ff1493;
		transition: all 0.5s ease 0s;
	}
input[type='submit'] {
	color: #ffffff;
	background: rgb(255,20,147);
	background: linear-gradient(90deg, rgba(255,20,147,1) 0%, rgba(0,212,255,1) 100%);
	border: 1px solid rgb(255,20,147);
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	width: 20%;
	padding: 7px 20px;
	margin: 1px;
}
	input[type='submit']:hover {
	    color: #ffffff;
		background: rgb(255,20,147);
		background: linear-gradient(0deg, rgba(170,84,183,1) 0%, rgba(255,20,147,1) 100%);
		border: 1px solid rgb(170,84,183);
		transition: all 0.5s ease 0s;
		cursor: pointer;
	}
input[type='button'] {
	color: #ffffff;
	background: rgb(255,20,147);
	background: linear-gradient(90deg, rgba(255,20,147,1) 0%, rgba(0,212,255,1) 100%);
	border: 1px solid rgb(255,20,147);
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	width: 20%;
	padding: 7px 20px;
	margin: 1px;
}
	input[type='button']:hover {
	    color: #ffffff;
		background: rgb(255,20,147);
		background: linear-gradient(0deg, rgba(170,84,183,1) 0%, rgba(255,20,147,1) 100%);
		border: 1px solid rgb(170,84,183);
		transition: all 0.5s ease 0s;
		cursor: pointer;
	}
input, select {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	width: 65%;
	cursor: pointer;
	padding: 7px 20px;
	margin: 1px;
}
textarea {
	color: #999999;
	background: #ffffff;
	border: 1px solid #d1d1d1;
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	height: 150px;
	width: 60%;
	cursor: text;
	padding: 7px 20px;
	margin: 1px;
}
	textarea:hover {
		border: 1px solid #ff1493;
		transition: all 0.5s ease 0s;
	}
input[type="file"] {
	width: 60%;
}

button {
	color: #ffffff;
	background: rgb(255,20,147);
	background: linear-gradient(90deg, rgba(255,20,147,1) 0%, rgba(0,212,255,1) 100%);
	border: 1px solid rgb(255,20,147);
	font-family: 'Bree Serif', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	display: inline-block;
	width: 20%;
	padding: 7px 10px;
	margin: 1px;
}
	button:hover {
	    color: #ffffff;
		background: rgb(255,20,147);
		background: linear-gradient(0deg, rgba(170,84,183,1) 0%, rgba(255,20,147,1) 100%);
		border: 1px solid rgb(170,84,183);
		transition: all 0.5s ease 0s;
		cursor: pointer;
	}



#container {
	max-width: 777px;
	margin: 0px auto;
}
main {
	background: #ffffff;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	margin: 0px 3px 0px 3px;
}



h1 {
    font-size: 15px;
}
h2 {
    font-size: 15px;
}

header {
	color: #ffffff;
	background: rgb(255,20,147);
	background: linear-gradient(0deg, rgba(255,20,147,1) 0%, rgba(170,84,183,1) 100%);
	text-align: center;
	margin: 3px 3px 0px 3px;
}
	header h1 {
		font-family: 'Lobster Two', cursive;
		font-size: 35px;
		font-weight: bold;
		padding: 25px;
	}
	header h1 a {
	    color: #ffffff;
	    text-decoration: none;
	}
	header h1 a:hover {
	    color: #ffffff;
	}
	header nav {
		background: #ff1493;
		border-top: 1px solid #e9f6ef;
		border-bottom: 5px solid #2e2e2e;
		padding: 3px 20px;
	}
	.title {
		color: #ffffff;
		background: rgb(255,20,147);
		background: linear-gradient(0deg, rgba(255,20,147,1) 0%, rgba(170,84,183,1) 100%);
		text-align: center;
		font-weight: bold;
		padding: 7px;
		margin: 0px -1px 0px -1px;
	}
	.row {
		background: #ffffff;
		border-bottom: 1px solid #f1f1f1;
		padding: 7px 20px;
	}
	.row img {
		vertical-align: middle;
		width: 250px;
		height: 350px;
	}
	.rrow {
		background: #ffffff;
		border-bottom: 1px solid #f1f1f1;
		padding: 7px 20px;
	}
	.rrow img {
		background: #ffffff;
		border: 1px solid #eaeaea;
		vertical-align: middle;
		width: 100px;
		height: 68px;
		padding: 1px;
	}
	.cat {
	    background: #ffffff;
		border-bottom: 1px solid #f1f1f1;
		padding: 7px 20px;
	}
	.cat img {
	    width: 10px;
	    height: 10px;
	    margin-right: 3px;
	}
	.search {
		background: #ffffff;
		text-align: center;
		padding: 20px 7px;
	}
	.tags {
	    color: #9f6000;
	    background: #feefb3;
	    padding: 7px 20px;
    }
	.pgn {
		background: #ffffff;
		border-bottom: 1px solid #f1f1f1;
		text-align: center;
		padding: 7px 20px;
	}
	.pgn a {
		color: #333333;
		background: #ffffff;
		border: 1px solid #c1c1c1;
		display: inline;
		padding: 2px 5px;
		margin: 0px 1px 0px 1px;
	}
	.pgn a:hover {
	    background: #e1e1e1;
	}
footer {
	color: #ffffff;
	border-top: 7px solid #ff1493;
	font-family: 'Lobster Two', cursive;
	font-size: 20px;
	margin: 0px 3px 3px 3px;
}
	footer .blank {
		background: #333333;
		border-bottom: 1px solid #444444;
		padding: 10px;
	}
	footer .text {
		background: #2e2e2e;
		text-align: center;
		padding: 20px;
	}
	footer .text a {
	    color: #ffffff;
	    text-decoration: none;
	    font-size: 15px;
	}
	footer .text a:hover {
	    color: #ff1493;
		transition: all 0.5s ease 0s;
	}



.isa_info, .isa_success, .isa_warning, .isa_error {
	border-radius: 3px;
	padding: 10px;
	margin: 10px 0px;
}
.isa_info {
	color: #00529b;
	background: #bde5f8;
}
.isa_success {
	color: #4f8a10;
	background: #dff2bf;
}
.isa_warning {
	color: #9f6000;
	background: #feefb3;
}
.isa_error {
	color: #d8000c;
	background: #ffd2d2;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
	font-size: 15px;
	vertical-align: middle;
	margin: 10px;
}