Findtheprecious css 1.0

gistfile1.txt

.menu{
	width: 100%;
	display: flex;
	align-items: baseline;
}

.menu, nav{
	height: 50px;
	width: 100%;
	background-color: #3b3c3d;
	display: flex;
	align-items: baseline;
	margin-top: -10px;
	margin-left: -10px;
}

 h1{
	font-size: 13px;
	color: white;
	font-family: 'Raleway', sans-serif;
	margin-left: 10px;
	font-weight: normal;
}


.menu li a{
	font-family: 'Raleway', sans-serif;
	color: white;
	text-decoration: none;
	display: inline-block;
}

.menu li{
	font-size: 12px;
	list-style-type: none;
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px; 

}

nav a:hover{
	margin-top: -10px;
	padding: 13px 14px 12px 12px;
	background-color: #999b9e;
	color: #3b3c3d;
}

--------------------------------
.banner1{
}

.banner1 img{
	height: 166px;
	width: 100%;
	position: relative;
	top: 0px;
	left: -10px;
	margin-bottom: -75px;
}

.banner1 p{
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 14px;
	
}

h2{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #414142;
}

.banner1 h2,.banner1 p{
	position: relative;
	left: 150px; 
	bottom: 60px;}

}
--------------------------------

section{
}

.sec1{
	display: flex;
	align-items: baseline;
	position: relative;
	left: 50px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
}

.sec2{
	display: flex;
	justify-content: space-around;
}

.sec2 li{
	color: black;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;
}

.blockfellows{
	margin-top: 30px;
	display: flex;
	justify-content: space-around;
}


.fellows1{
	width: 250px;
	height: 400px;
	border: 1px grey solid;
	border-radius: 10px;
	padding: 4px;
}

.fellows1:hover img{
	opacity: 1;
}

.fellows1:hover .part{
	opacity: 0;
}

.fellows1:hover h6{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: white;
	text-align: center;
	position: relative;
	top: -200px;
}

.fellows1:hover h3{
	position: relative;
	top: -215px;
}

.fellows1:hover .des{
	position: relative;
	top: -215px;
}

.fellows1 img{
	width: 250px;
	height: 286px;
	opacity: 0.5;
	margin-bottom: 0px;
}

.fellows2 img{
	width: 250px;
	height: 286px;
}

.part {
	position: relative;
	top: -290px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-top: 8px;
	background-color: white;
	opacity: 0.7;
	border-radius: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
	color: black;
	text-align: center;
}

.part mark{
	color: orange;
	text-decoration: none;
	background-color: white;
	opacity: 0.8;
}

.fellows1 h6{
	position: relative;
	top: -280px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 40px;
	color: white;
	text-align: center;
}

.fellows1 h3{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	position: relative;
	top: -330px;
	left: 8px
}


.des {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	position: relative;
	top: -330px;
	left: 8px;
}

.fellows2{
	width: 250px;
	height: 400px;
	border: 1px grey solid;
	border-radius: 10px;
	padding: 4px;
}

.fellows2 h3{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	position: relative;
	top: -110px;
	left: 8px;

}

.part2{
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	color: black;
	text-align: center;
	position: relative;
	top: -180px;

}

.des2 {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	position: relative;
	top: -110px;
	left: 8px;

}

--------------------------------

section{}

.rew1 {
	height: 250px;
	position: relative;
	left: 50px;
	right: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}


.rew2 p{
	height: 60px;
	overflow: scroll;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	margin-right: 30px;
}

.rew2{
	display: flex;
	justify-content: space-around;
	margin-right: 150px;
}

.rew2 p{
	color: black;
}


.cont a{
	padding: 10px 30px 10px 30px;
	border: 1px grey solid;
	border-radius: 5px;
	font-family: 'Raleway', sans-serif;
	color: black;
	font-size: 12px;
	position: relative;
	top: -120px

}

.cont{	
	display: flex;
	justify-content: center;
	margin-bottom: -100px;
}

--------------------------------

section{}

#besthunters{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #414142;
	position: relative;
	left: 50px;
}

.hunters{
	display: flex;
	justify-content: center;
	position: relative;
}

.sechunters{
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	margin-right: 60px;
}


.sechunters p{
	font-family: 'Raleway', sans-serif;
	font-size: 9px;
}

.sechunters a{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: black;
	font-size: 9px;
}

.sechunters h4{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: -5px;
	margin-top: 0px;

}

--------------------------------

section{}

#aboutring{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #414142;
	position: relative;
	left: 50px;
}

.ring{
	border: 1px #d4d4d6 solid;
	border-radius: 10px;
	width: 1000px;
	position: relative;
	left: 15%;
	margin-bottom: 15px;
}

.ring h5{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-color: #d4d4d6;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding-left: 15px;
	padding-top: 10px;
	width: 989px;
	height: 30px;
	position: relative;
	left: -2px;
	top: -19px;

}


table{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-collapse: collapse;
	margin-bottom: 10px;
	
}

caption{
	font-family: 'Raleway', sans-serif;
	color: black;
	font-size: 12px;
	margin-bottom: 10px;
	align-self: flex-start;
	position: relative;
	left: 130px;

}

th{
	
	background-color: #7f8184;
	font-family: 'Raleway', sans-serif;
	color: white;
	font-size: 12px;
	border: 1px black solid;
	width: 370px;
	height: 30px;
}

td{

	border: 1px grey solid;
	font-family: 'Raleway', sans-serif;
	color: black;
	font-size: 12px;
	text-align: center;
	width: 370px;
	height: 30px;
}

.grey{
	background-color: #d4d4d6;
}

.ring2{
	display: flex;
	justify-content: center;
	padding-bottom: 20px;
}

.ring2 p{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	text-align: right;
	margin-right: 30px;
}

em{ 
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #d4d4d6;

}

.ring2 a{
	overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:100px;
    height:100px;
}

--------------------------------

section{}

#Join{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #414142;
	position: relative;
	left: 50px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.army{
	display: flex;
	position: relative;
	left: 50px;
	margin-bottom: -40px;
}

.army p{
	height: 60px;
	overflow: scroll;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	margin-left: 30px;
}

.button{
	width: 360px;
	padding: 10px 30px 10px 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	text-align: center;
	border:1px grey solid;
	border-radius: 5px;
	position: relative;
	left: 40%;
	top: -30px;
}

--------------------------------

section{}

#contactus{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #414142;
	position: relative;
	left: 50px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.Contact{
	display: flex;
	justify-content: center;
}

input, select, textarea{
	width: 500px;
}

textarea {
	height: 100px;
}

select{
	border: 1px #d4d4d6 solid;
	-moz-appearance: menulist-button ;
	-webkit-appearance: menulist-button ;
}

::placeholder{
	color: #d4d4d6;
	font-size: 9px;
}

--------------------------------

footer{}

.foot{
	width: 100%;
	height: 100px;
	background-color: #545556;
	position: relative;
	left:-10px;
	bottom:-10px;
	display: flex;
}


.foot li a{
	font-family: 'Raleway', sans-serif;
	color: white;
	text-decoration: none;
	font-size: 12px;
	list-style-type: none;
	margin-bottom: 10px;
}

.foot li{
	font-family: 'Raleway', sans-serif;
	color: white;
	font-size: 12px;
	list-style-type: none;
	margin-bottom: 10px;
}

.foot p{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: white;
	font-size: 12px;
	position: relative;
	top: 20%;
	left: 40%;
}