@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
*{
    box-sizing: border-box;
    font-family: 'Questrial', sans-serif;
}
.text-center a {
    text-decoration: none;
}
/*.accordion-header {
    border: 2px solid brown;
    background-color: brown;
}*/
#carouselExampleDark {
    width: 400px;
    height: auto;
}
#carouselExampleInterval{
    width: 500px;
    height: auto;
}
#imgrot{
    transition: width 2s, height 2s, transform 2s;
}
#imgrot:hover {
    width: auto;
    height: 400px;
    transform: rotate(360deg);
}
ul[class^="pagination"]>li[class*="active"]>span[class^="page-link"]{
    background: rgb(159, 114, 114);
    border: 1px solid rgb(159, 114, 114);
}
div[class="accordion"]>div[class="accordion-item"]>h2[id^="panelsStayOpen"]>[aria-expanded]{
    background: white;
    border: 1px solid brown;
}
div[class="accordion"]>div[class="accordion-item"]>h2[id^="panelsStayOpen"]>[aria-expanded]:hover{
    background: lightgray;
    color: brown;
}