@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Light.ttf?1460721');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../font/Lato-Black.ttf?1460721');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Lato', sans-serif;
    background-image: url("../img/insominsme-bg.webp");
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom center;
}

.book {
    border: 1px solid rgba(50, 50, 50, 1);
    box-shadow: 1rem .3rem 0 -.6rem rgba(255, 255, 255, .9),
        .67rem .2rem 0 -.4rem rgba(255, 255, 255, .9),
        .33rem .1rem 0 -.2rem rgba(255, 255, 255, .9),
        .4rem .1rem .5rem 0 rgba(0, 0, 0, .3);
    transform: matrix3d(0.91,0,-0.42,-0.0003,0.00,0.97,0.26,-.0001,0.42,-0.26,0.8827,0,0,0,0,1);
}

.book.in-space {
    box-shadow: 1rem .3rem 0 -.6rem rgba(255, 255, 255, .9),
    .67rem .2rem 0 -.4rem rgba(255, 255, 255, .9),
    .33rem .1rem 0 -.2rem rgba(255, 255, 255, .9),
    0 0 3rem 3rem rgba(0, 0, 0, .42);
}

.btn-orange {
    color: #fff;
    background-color: #efac40;
    border-color: #efac40 !important;
}

.btn-orange:hover {
    color: #efac40;
    background-color: #fff;
}

.text-shadow {
    text-shadow: #000 2px 2px 3px;
}