/*
The loaders use CSS custom properties (variables) to control the attributes of the loaders
*/
:root{
    --loader-width: 100%;
    --loader-height: 100%;
    --loader-color-primary: #f6d72d;
    --loader-color-secondary: #eee;
    --line-width: 14px;
    --animation-duration: 9s;
    --loader-initial-scale: 0.1;
}
.loader,.loader:before,.loader:after{
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
}
/*
In order to get optimal results, please only change the
variables above and don't change anything in the actual loader code
*/



@keyframes colorpulse {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(359.9deg);
    }
}

@keyframes pulse {
    0%, 1% {
        opacity: 1;
        transform: scale(0.1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.loader.color-pulse-ball {
    width: var(--loader-width, 100px);
    height: var(--loader-height, 100px);
    border-radius: 50%;
    background-color: var(--loader-color-primary, #00f);
    animation: colorpulse calc(3 * var(--animation-duration,1s)) infinite ease-in-out,
    pulse var(--animation-duration,1s) infinite ease;
}

.book-card {
    text-align: center;
}
.btn {
    border: 1px solid aliceblue;
    border-radius: 0px;
    padding-left: 15%;
    padding-right: 15%;
}
.btn-primary {
    background: linear-gradient(0.33turn, #ff2897, purple);
    border: 1px solid aliceblue;
    border-radius: 0px;
    padding-left: 15%;
    padding-right: 15%;
}
.btn-primary:hover {
    border-radius: 0px;
    padding-left: 15%;
    padding-right: 15%;
}
.btn-link{
    border: none;
}
.bg-dark .form-control {
    background-color: #ffffff61;
}
.bg-dark .form-control:focus {
    background-color: #fffc;
}
.card {
    background-color: transparent !important;
}
pre {
    word-wrap: break-word;
    white-space: preserve;
    border-radius: 5px;
    padding: 5px;
    font-size: 1.3em;
}

.book-image {
    max-width: 257px;
    max-height: 388px;
}