/* Color */
body {color:#f2f2f2;}
.body {background-color: #222b29;}
.background-0 {background:#000000;}
.background-1 {background:#222b29;}
.background-2 {background:#424242;}
.background-3 {background:#cccccc;}
.background-4 {background:#f2f2f2;}
.background-5 {background:#ffffff;}
.color-1 {background: #ffffff;}
.color-2 {background: #575b53;}
.color-3 {background: #97856f;}
.detail-1 {background: #4d4e5d;}
.detail-2 {background: #f2f2f2;}
.detail-3 {background: #f2f2f2;}
/* Text */
body {color:#202023;}
h1 {color:#222b29;}
h2 {color:#222b29;}
h3 {color:#222b29;}
h4 {color: #7d7d7d;}
h1 a {color:inherit !important;}
h1 a:hover {color:inherit !important;}
h2 a {color:inherit !important;}
h2 a:hover {color:inherit !important;}
a {color:#222b29;}
a:link {color:#222b29;}
a:visited {color:#222b29;}
a:hover {color:#626262;}
a:active {}
p {color:#202023;}
.black {color:#000000;}
.bright{color:#e6fffa;}
.small {color:#7d7d7d;}
.text-1 {color:#000000;}
.text-2 {color:#879491;}
.text-3 {color:#f1f1f1;}
.white {color:#ffffff;}
/* Structure */
.canvas {color: #000000 !important;}
.gallery li {background-color:#000;}
.gallery li:hover {box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 1)}
.media {background: #444654;border-top:1px solid #4d4e5d;border-bottom:1px solid #4d4e5d;box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);}
.media p {background: #444654;}
.menu-square li a:hover {background:#444654;}
.search {border:1px solid #4d4e5d;}
.search-input {border: 1px solid #ccc;}
.section {}
.thumb {border: 4px solid azure;}
.thumb:hover {box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.8);}
.title {}
.form {border:1px solid #4d4e5d;}
#Header {}
/* Animation */
.blurry, .blur {
	-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
 }
.gradient {background: rgb(228,215,201);
background: linear-gradient(45deg, rgba(228,215,201,1) 0%, rgba(224,222,214,1) 40%, rgba(221,227,228,1) 100%);}
@keyframes changeBackgroundColor {
	0%, 100% {
		background-color: #ffffff;
	}
	50% {
		background-color: #f0ffff;
	}
}
@keyframes changeBorderColor {
	0%, 100% {
		border-color: #57ffd3;
	}
	50% {
		border-color: #f0ffff;
	}
}
.glow {box-shadow: 0px 0px 10px rgba(0, 128, 128, 0.7);}
.glow-background {
	background-color: #ffffff;
	animation: changeBackgroundColor 3s infinite;
}
.glow-border {
	border-color: #f0ffff;
	animation: changeBorderColor 3s infinite;
}