/* Color */
body {background-color:#202023;}
.background-0 {background:#101013;}
.background-1 {background:#282728;}
.background-2 {background:#24262b;}
.background-3 {background:#3e3d40;}
.background-4 {background:#f2f2f2;}
.background-5 {background:#ffffff;}
.color-1 {background: #57a3ff;}
.color-2 {background: #282728;}
.color-3 {background: #3e3d40;}
.color-4 {background: #292a32;}
.detail-1 {background: #57a3ff;}
.detail-2 {background: #f2f2f2;}
.detail-3 {background: #495365;}
/* Text */
body {color:#f1f1f1;}
h1 {color:#f1f1f1;}
h2 {color:#f1f1f1;}
h3 {color:#f1f1f1;}
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:#57a3ff;}
a:link {color:#f1f1f1;}
a:visited {color:#57a3ff;}
a:hover {color:#57a3ff;}
a:active {}
p {color:#ffffff;}
.black {color:#000000;}
.bright{color:#e6fffa;}
.small {color:#ffffff;}
.text-1 {color:#000000;}
.text-2 {color:#c2f8da;}
.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 {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);}
.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-color: 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);
 }
@keyframes changeBackgroundColor {
	0%, 100% {
		background-color: #ffffff;
	}
	50% {
		background-color: #f0ffff;
	}
}
@keyframes changeBorderColor {
	0%, 100% {
		border-color: #57a3ff;
	}
	50% {
		border-color: #f0ffff;
	}
}
@keyframes changeLines {
	0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
	}
}
.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;
}
.glow-lines {
	display: block;width: 40px;height: 40px;margin-top: auto;margin-bottom: auto;background-image: url('https://theelegantartist.com/design/icon/lines.png');background-size: cover;background-repeat: no-repeat;
	border-color: #f0ffff;
}
.glow-lines img {animation: changeLines 3s infinite;}


@keyframes changeBackgroundColor2 {
	0%, 100% {
		background-color: #ffffff;
	}
	50% {
		background-color: #f0ffff;
	}
}
@keyframes changeBorderColor2 {
	0%, 100% {
		border-color: #9e99e1;
	}
	50% {
		border-color: #f0ffff;
	}
}
@keyframes changeLines2 {
	0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
	}
}
.glow-2 {box-shadow: 0px 0px 10px rgba(0, 128, 128, 0.7);}
.glow-background-2 {
	background-color: #ffffff;
	animation: changeBackgroundColor2 3s infinite;
}
.glow-border-2 {
	border-color: #f0ffff;
	animation: changeBorderColor2 3s infinite;
}
.glow-lines-2 {
	display: block;width: 40px;height: 40px;margin-top: auto;margin-bottom: auto;background-image: url('https://theelegantartist.com/design/icon/lines.png');background-size: cover;background-repeat: no-repeat;
	border-color: #f0ffff;
}
.glow-lines-2 img {animation: changeLines2 3s infinite;}

.glowfilter {
	-webkit-filter: drop-shadow(0px 0px 6px rgb(88 163 255));
	filter: drop-shadow(0px 0px 6px rgb(88 163 255));
}

.blink {
            animation: blinkAnimation 0.6s ease-in-out infinite;
            box-shadow: 0 0 0px #fff;
        }

        @keyframes blinkAnimation {
            0%, 100% {
                box-shadow: 0 0 0px #fff;
            }
            50% {
                box-shadow: 0 0 4px #fff;
            }
        }

        .blink:nth-child(2) {
            animation-delay: 0.5s;
        }

        .blink:nth-child(3) {
            animation-delay: 1s;
        }

        .blink:nth-child(4) {
            animation-delay: 1.5s;
        }

        .blink:nth-child(5) {
            animation-delay: 2s;
        }

        .blink:nth-child(6) {
            animation-delay: 2.5s;
        }

        .blink:nth-child(7) {
            animation-delay: 3s;
        }

        .blink:nth-child(8) {
            animation-delay: 3.5s;
        }

        .blink:nth-child(9) {
            animation-delay: 4s;
        }