.search-bar {
    background-image: url("/behero-wiki/resources/layout/campo_form.jpg");
    width: 152px;
}
.search-bar input {
    background-color: transparent;
    border: 0;
    width: 152px;
    height: 22px;
    outline: none;
}
.border {
    border: solid 0.2rem #d2a64d;
    border-radius: 1em;
}
.search-btn:active {
    transform: translateY(2px); 
}
.back-and-pack {
    display: flex; 
    justify-content: space-evenly; 
    align-items: flex-end;
}
.back-and-pack div {
    width: 30%;
}
.collection-list-header {
    top: 3.5%;
    left: 2%;
}
.collection-list-header h1 {
    margin: 0;
}
.collection-list-text {
    top: 12.5%; 
    left: 2%; 
    width: 95%;
}
progress {
    border-radius: 7px;
    width: 100%;
    height: 2em;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
progress::-webkit-progress-bar {
    background-color: #d2a64d;
    border-radius: 7px;
}
progress::-webkit-progress-value {
    background-color: #81662f;
    border-radius: 7px;
    box-shadow: 1px 1px 5px 3px #000000;
}
ul li a p:hover{
    color: #d2a64d;
}
.options {
    display: flex; 
    flex-direction: column; 
    align-items: center;
}
.options div {
    display: flex;
}
.options div div {
    margin-right: 1em;
}