/* animated form inputs */
body
input[type="text"], input[type="password"], textarea {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-color: #ffffff;
	box-shadow: 0 0 8px rgba(153, 136, 238, 0.6);
	outline: none;
}

/* glowie text effect */
.glow {
	animation: neonGlow 1.5s ease-in-out infinite alternate;
}

@keyframes neonGlow {
	from {
		text-shadow: 0 0 5px #00fe20, 0 0 10px #00fe20;
	}
	to {
		text-shadow: 0 0 20px #00fe20, 0 0 30px #00fe20, 0 0 40px #00fe20;
	}
}

/* top boardlist slide */
.desktop-style div.boardlist:nth-child(1) {
	animation: slideDown 2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDown {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

/* catalog thread hover */
.theme-catalog div.thread {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.theme-catalog div.thread:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* angry red text */
span.heading {
	display: inline-block;
	animation: angryShake 0.2s linear infinite;
}

@keyframes angryShake {
	0% { transform: translate(0, 0); }
	20% { transform: translate(-2px, 1px); }
	40% { transform: translate(2px, -1px); }
	60% { transform: translate(-1px, -2px); }
	80% { transform: translate(1px, 2px); }
	100% { transform: translate(1px, -1px); }
}

/* calm blue text */
span.heading2 {
	display: inline-block;
	animation: calmShake 1s ease-in-out infinite;
}

@keyframes calmShake {
	0% { transform: translate(2, 0); }
	50% { transform: translate(-2px, 0); }
	100% { transform: translate(2, 0); }
}