/* ================= PAGE ================= */

html {
	height: 4000px; /* set page height */
}

.background {
	position: fixed; /* background attachment */
    top: 0; /* top */
    left: 0; /* left */
    width: 100vw; /* full width */
    height: 100vh; /* full height */
    z-index: -1; /* background layer */
    transform: scale(1.0); /* full scale */
    &:after {
        content: ""; /* no text */
        display: block; /* block display */
        position: absolute; /* absolute position */
        top: 0; /* top */
        left: 0; /* left */
        width: 100%; /* full width */
        height: 100%; /* full height */
        background-image: url("../assets/wallpaper.jpg"); /* background image */
        background-position: center; /* centered image */
        background-size: cover; /* full cover size */
        background-repeat: no-repeat; /* no repeat */
    }
}

/* ================= CONTENT ================= */

.image {
    border-radius: 10px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.image:hover {
    transform: scale(1.05);
}

.book {
	font-size: 35px; /* text size */
	padding: 20px; /* apply padding */
	
	background-color: #191919BF; /* background color */
	box-shadow: 0px -12px 20px #0000004D; /* nav shadow upwards */
	box-shadow: 0px 12px 20px #0000004D; /* nav shadow downwards */
	border-radius: 25px; /* rounded corners */
}

@media (max-width: 1000px) {
	.book {
		font-size: 25px; /* text size */
	}
}