/* --- Entry Animation --- */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* General body styling for a clean look */
body {
    background-color: #212529; /* A standard dark background color */
}

/* Custom styles for the back to top arrow button */
.toTop-arrow {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 50%; /* Changed to a circle for a modern look */
	opacity: 0.7;
	background: #0d6efd; /* Bootstrap primary blue color */
	cursor: pointer;
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	display: none; /* Hidden by default */
    z-index: 1000;
}

.toTop-arrow:hover {
    opacity: 1;
}

.toTop-arrow::before, .toTop-arrow::after {
	width: 1.5rem; /* Adjusted for better proportion */
	height: 0.25rem; /* Thinner lines */
	border-radius: 3px;
	background: #fff; /* White arrow */
	position: absolute;
	content: "";
    top: 50%;
    left: 50%;
}

.toTop-arrow::before {
	transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center;
    left: 25%;
}

.toTop-arrow::after {
	transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center;
    left: 75%;
}

.toTop-arrow:focus {
    outline: none;
}