@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
*{
	box-sizing: border-box;
}

body {
	font-family: "poppins", sans-serif;
	font-size: 14;
	margin: 0;
	padding-top: 0;
	background-color: #333;
	overflow: hidden;
	
}

.navbar {
	
	border-bottom: double;
	border-color: darkgoldenrod;
	width: 100%;
	position: fixed;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #333;
	color: white;
}

.logo {
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.navbar-links ul {
	width: 100%;
	margin: 0;
	padding: .5px;
	display: flex;
}

.navbar-links li {
	Margin-top: -25px;
	padding-left: 0px;
	padding-bottom: 1px;
	list-style: none;
	
}

.navbar-links li a {
	text-decoration: none;
	color: white;
	padding: 0rem;
	padding-left: .75rem;
	display: block;
}

.navbar-links li a:hover {
	transform: scale(1.1);
	transotopm: 0.3s;
	color: #FFFFFF;
	
		
}

.container{
	padding-left: 30px;
	padding-right: 28px;
	padding-top: 188px;
	text-align: center;
	float: none;
	width: 100%;
	height: 870px;
	backgound-position: bottom;
	background-size: cover;
	background-image:url("");
	background-attachment: flex;
	scroll-behavior: auto; 
	color:  rgba(255,255,255,1.00);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	}

.scroll-box {
	margin: 5px;
	padding: 5px;
	justify-content: top;
	align-items: center;
	font-family: "poppins";
	color: red;
    visited-color: red;
	font-size: clamp(10px, 3vw, 25px);
	border: 0;
	text-align: center;
	color: rgba(255,255,255,1.00);
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: #000000;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    

}

.icon {
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 1px;
	}

.icon:hover {
	transform: scale(1.1);
	transotopm: 0.3s;
	color: #A61417;
}

.icon1 {
	padding-top: 0px;
	padding-left: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
}

.icon1:hover {
	transform: scale(1.1);
	transotopm: 0.3s;
	color: #A61417;
}


.icon2 {
	padding-top: 0px;
	padding-left: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
}

.icon2:hover {
	transform: scale(1.1);
	transotopm: 0.3s;
	color: #A61417;
	
}

.navbar-inverse {
	position: fixed;
	padding-top: 150px;
	border-top: double;
	border-color: #B8860B;
	width: 100%;
	position: fixed;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #333;
	color: white;
}