@font-face {
                font-family:"Old Newspaper";
                src: url('https://ilovedoorshasdonegoofed.neocities.org/For%20thy%20website/OldNewspaperTypes.ttf') format('truetype'); 
                font-weight: 400;
                font-style: normal;
                 font-display: swap;                 
            }
            
            @font-face {
                font-family:"Journalist";
                src: url('https://ilovedoorshasdonegoofed.neocities.org/For%20thy%20website/Journalistic-BF6460d5684a057.otf') format('opentype'); 
                font-weight: 400;
                font-style: normal;
                 font-display: swap;  
            }
             
body {
 background-color: transparent!important;
 margin: 0;
 padding: 0;
 font-family: "Old Newspaper", sans-serif;
 display: grid;
 place-content: center;
 height: 700px;
 width: 500px;
 overflow: hidden;
}

.flipbook {
 width: 570px!important;
 height: 410px!important;
}

.flipbook .hard {
    background-image: url('https://ilovedoorshasdonegoofed.neocities.org/Untitled%20design%20(1).png') !important;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    border: none; 
}

.flipbook .hard small{
	font-style: italic;
	font-weight: lighter;
	opacity: 0.7;
	font-size: 10px;
}

.flipbook .page {
  border-radius: 15px;
    background-image: url('https://ilovedoorshasdonegoofed.neocities.org/b56191d8063972d1ab9e5ad2b6d57327.jpg');
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    gap: 1px;
    border: 1px solid rgba(0, 0, 0, 0.11);
}

.page img{
	width: 75%; 
	object-fit: cover;
	margin: auto;
}

.flipbook .page small{
	font-size: 10px;
    margin-bottom: 10px;
}

.turn-page-slider {
 -webkit-appearance: none;
 appearance: none;
 height: 6px;
 background: #555;
 border-radius: 3px;
 outline: none;
 cursor: pointer;
}

.turn-page-slider::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 80px;
 height: 80px;
 border: none;
 border-radius: 0;
 background: url('https://ilovedoorshasdonegoofed.neocities.org/diary/8378f8028904e6087dcfc86e28b0cc8c-removebg-preview.png') center/cover no-repeat;
 cursor: pointer;
}

.turn-page-slider::-moz-range-thumb {
 width: 80px;
 height: 80px;
 border: none;
 border-radius: 0;
 background: url('https://ilovedoorshasdonegoofed.neocities.org/diary/8378f8028904e6087dcfc86e28b0cc8c-removebg-preview.png') center/cover no-repeat;
 cursor: pointer;
}