body {
	background-color: black;
	color: white;
}

h1 {
	position: relative;
	display: block;
	align-content: center;
	text-align: center;
	justify-content: center;
	margin-top: auto;
	font-family: "Miller";
	font-size: 34px;
}

.nav-box {
	position: relative;
	display: block;
	overflow: hidden;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;


}

.nav-box a {
	position: relative;
	display: block;
	text-decoration: none;
	float: left;
	color: white;
	padding: 16px 18px;
	font-size: 16px;

}

.main-img {
	position: relative;
	display: block;
	width: 340px;
	height: auto;
	margin-left: auto;
	margin-right:auto;
	align-content: center;
	justify-content: center;
	text-align: center;
	border-radius: 12px;

}

.rip-date {
	position: relative;
	display: block;
	justify-content: center;
	align-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: "Miller";
}

.pm-img {
	position: relative;
	display: block;
	width: 300px;
	height: auto;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top : 4px;
	margin-bottom: 8px;

}

.descript-title {
	position: relative;
	display: block;
	width: 60%;
	height: auto;
	text-align: center;
	justify-content: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Miller';
	font-size: 22px;
}

.des {
	position: relative;
	display: block;
	width: 60%;
	height: auto;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Miller';
	font-size: 16px;
	font-style: bold;

}

.pm-button {
	position: relative;
	display: block;
	text-decoration: none;
	color: white;
	width: 100px;
	height: auto;
	padding: 2px 2px;
	border: 2px solid white;
	border-radius: 12px;
	font-family: 'Miller';
	font-size: 18px;
	font-style: bold;
	align-content: center;
	justify-content: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.pm-button:hover {
	background-color: white;
	color: blue;
	border-color: blue;
}

.pm-fastlink {
	text-decoration: none;
	color: white;
	font-style: bold;
	font-size: 24px;

}

.pm-fastlink {
	color: #008FC9;
}

/* Customize the scrollbar */
::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
}

::-webkit-scrollbar-thumb {
    background-color: #005EB8; /* Color of the scrollbar thumb */
    border-radius: 10px; /* Roundness of the scrollbar thumb */
    border: 3px solid #f1f1f1; /* Padding around the thumb */
}

/* For Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #121212 #1f1f1f;
}

.image-style {
    width: 340px;
    height: auto;
}
.animation-fadeIn {
    animation-name: fadeIn;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-fill-mode: both;
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}