@charset "UTF-8";

html {
   min-height: 100%;
}

body {
	background-image: url("../images/darklib.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
	color: black;
}

.bg-info { 
	--bs-bg-opacity: .1;
	background-color: rgba(var(- -bs-success-rgb), var(- -bs-bg-opacity)) !important;
}

.dropdown-toggle {
	background-color: rgba(var(- -bs-success-rgb), var(- -bs-bg-opacity)) !important;
	--bs-bg-opacity: .5;
}

.container h2 {
	font-family: "CopperPlate", fantasy;
	font-size: 42px;
	color: white;
}

p {
	color: white;
	font-family: Georgia, Sarif;
}

caption {
	font-family: "CopperPlate", fantasy;
	font-size: 28px;
	color: white;
}

label {
	font-family: "CopperPlate", fantasy;
	font-size: 18px;
	color: white;
}

div.login {
	border-radius: 25px;
	position: relative;
	top: 50%;
	margin: auto;
	width: 280px;
	height: 335px;
	padding: 20px;
	background: #a4a7a7;
	color: #151713;
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}



.form-floating{
	padding: 7px;
}


div.logo {
	text-align: center;
	font-family: Georgia, Sarif;
	font-size: 140px;
	color: white;
}

li.comments {
	color:white;
	background:transparent;
}