/* Clear Text on the elements when page is dark */

/* id layout, an id is unique */
#titled{
	text-align:center;
	font-family:Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
	font-size:25px;
	color: rgb(190,160,100);
}

/* non unique classes layout*/
.list{
	color: rgb(225,225,225);
}

.msg{
	color: rgb(225,225,225);
}

/* Welcome page below */

#search_button{
	text-align:center;
	font-family:Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
	font-size:25px;
	color: rgb(225,225,225);
}
body {
  background:url(img/wallpaperbetter.com_1920x1080.jpg) top left no-repeat;
  background-size: cover;
  background-clip: border-box;
  margin:0;
  border:0px;
  text-align:center;
  font-family:Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
  font-size:25px;
  color: rgb(190,160,100);
}

footer {
  text-align:center;
  font-family:Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
  font-size:12px;
}

/* Removing points on the left of lines */
li {
    list-style-type: none;
}

#tab {
   display:inline-block;
   color:darkgrey;
}

a {
  color: rgb(170,164,225); /* 160 100 230 - 140 130 230 was 190 180 230  - good (170,164,225*/
  text-decoration: none;
}

/* mouse hover effect - hover is a subclass of 'a' 
a:hover {
  color: blue;
}*/

/* Adding animated links and misc. effects */
.menu {
   
   display:inline-block;
}

.menu2 {
   
   display:inline-block;
}

.menu a {
   padding:5px 5px 5px 5px;
   transition:ease 0.8s 0.2s;
   border-bottom:1px solid transparent;
   /*color: #EFEFEF;*/
}

.menu2 a {
   padding:5px 5px 5px 5px;
   transition:ease 0.8s 0.2s;
   border-bottom:1px solid transparent;
   /*color: #EFEFEF;*/
}

a:hover {
   /*background-color:rgba(5,5,5,0.80);*/
   transition:ease 0.2s;
   /*border-bottom:1px solid skyblue;*/
   color: rgb(235,210,140);
}

/* Login & Register buttons */
.encadre {
	float:left;
	margin-left:25%;
	margin-right:25%;
    width:50%;
    background-color:rgba(11,12,15,0.5);
    border:none;
    border-radius:5px;
    padding:15px;
    margin-bottom:10px;
    box-shadow: 0px 5px 5px rgba(0,0,0,.5);
}

.encadre2 {
	float:left;
	margin-left:25%;
	margin-right:25%;
    width:50%;
    background-color:rgba(11,12,15,0.5);
    border:none;
    border-radius:5px;
    padding:15px;
    margin-bottom:10px;
    box-shadow: 0px 5px 5px rgba(0,0,0,.5);
}

/* Intro */
.encadre3 {
	display:inline-table;
	float:center;
    width:100%;
    background-color:rgba(11,12,15,0.5);
    border:none;
    border-radius:5px;
    padding:15px;
    margin-bottom:10px;
	margin-top:25px;
    box-shadow: 0px 5px 5px rgba(0,0,0,.5);
	font-size:20px;
	color: #EFEFEF;
	line-height:135%;
}

/* Home button */
.encadre4 {
	background-color:rgba(11,12,15,0.5);
	float:center;
    border:none;
    border-radius:5px;
    padding:15x;
    box-shadow: 0px 5px 5px rgba(0,0,0,.5);
	margin-left:30%;
	margin-right:30%;
	margin-top:15px;
	margin-bottom:25px;
}

/* Due to margin-right and left used everywhere between 10px to 30% :/ */
.center_top{
	margin-left:18px;
}