@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

body {
    width: 100wh;
    height: 90vh;
    color: #fff;
    background: linear-gradient(45deg, #905139 25%, #3a2b25 100%);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}

.accordion-item {
    border: 0;
    background-color: transparent;
    border-bottom: 2px solid rgb(213 155 87 / 25%);
}

.accordion-button {
    background-color: transparent;
    color: #cdaa81;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #cdaa81;
    border-bottom: 2px solid #cdaa81;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(./images/top-arrow.png) !important;
}

.accordion-button:after {
    background-image: url(./images/down-arrow.png);
}

.btn-outline-light {
    border-width: 2px;
}

.btn-outline-light:hover {
    color: #fff;
    background-color: #008577;
    border-color: #cdaa81;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}