/*
	Name: Balraj Katwal
	UoN ID: 16418510 
*/

/*To remove existing margins and paddings on the page*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Exo', sans-serif;  /*setting the CSS property for font-family to Exo from google fonts and using the fallback font sans-serif*/
}

.logo {
/*	setting the height and width of the page's logo*/
	height: 55px;
	width: 90px;
	margin-left: 250px; /*To shift the logo towards right*/
	transition: all 1s ease;  /*To set the transition property for each social logo item*/
}

.logo:hover{
	transform: scale(1.15);  /*To scale up the size of logo on hover*/
}
.menubar {
	background: rgba(178,190,40,0.80);  /*To set the background color of the menubar at the top of the page*/
	/*setting the height of the menubar and giving it border to the left side of menubar for extra design*/
	height: 60px;
	border-left: 15px dashed #C5070B;
	display: flex;
	justify-content: center; /*The menu items are centered */
	margin-top: -60px;  /*To adjust the menubar to keep it at the top of everything else*/
}


li {
	list-style: none;  /*To remove the list style from the menu list*/
}

.menu {
	text-decoration: none;	/*To remove the underline from the links*/
	text-transform: uppercase;	/*To make all the letters uppercase*/
	display: inline-block;	/*To display the elements in the block elements*/
	color: #031737;
	padding: 19.5px;
}

.menu:hover {  /*Changes the background color and color of the menu links*/
	background: #031737;
	color: #B2BE28;
}

.flag {
	height: 60px;
	float: right;	/*To render the flag of Nepal at the right side in the menubar*/
	margin: -60px 200px 0 0;
}

section { /*Properties for section part*/
	background: linear-gradient(to bottom, #111722, #38506B);	/*Adding a linear gradient background*/
	color: snow;
	padding: 20px;
}

h3 {
	text-align: center;
	padding: 20px;
	text-shadow: 1px 1px 1px yellow; /*To add the text shadow to the sentence to make it look highlighted*/
}

.collection-description {
	background: white;
	max-width: 70%; 
	padding: 10px;
	box-shadow: 1px 1px 20px 1px grey; /*To add the box shadow in every boxes*/
	margin: 20px auto;
}

h4 {
	color: #031737;
	padding: 5px 0px 10px 5px;
}

.collection-link {
	float: right;	/*To make the link display at the right side*/
}

p {
	color: black;
	text-align: center;
}

footer {	/*Propersies for footer*/
	background: rgba(31,30,30,1.00);
	height: 100px;
}

.footer-text {	/*Properties for text inside the footer*/
	color: white;
	text-align: center;
	padding: 3%;
}