/*General*/
*{
	margin: 0;
	padding: 0;
}

#Sabinst-top{
	background: rgb(11, 28, 5);
	cursor: pointer;
	display: flex;
	height: 2.8rem;
	line-height: 2.5rem;
	padding: 0px 20px 0px 50px;

}
/*End of General*/



/*Part one*/


/*Discover*/
.sabinst-discover{
	display: none;
}
.sabinst-discover i{
	color: lightblue;
}
.sabinst-discover a{
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}
/*sabinst-learning*/
.sabinst-learning{
	flex: 1;
}
@media only screen and (max-width: 750px){
.sabinst-learning{
	display: none;
}	
}
.sabinst-learning i{
	color: lightblue;
}
.sabinst-learning a{
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}
/*End of sabinst-learning*/



@media only screen and (max-width: 750px){
.sabinst-discover{
	display: block;
}
}
.Discover:hover .discover-content{
	display: block;
}
.discover-content{
	width: 280px;
	background-color: rgb(11, 28, 5);
	padding: 10px 0px 30px 20px;
	display: none;
	position: absolute;
	left: 0;
}
.discover-content li{
	list-style: none;
	margin: 20px 0px 0px 0px;
}
.discover-content a{
	text-decoration: none;
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
}
.discover-content i{
	color: lightblue;
}
.discover-content li:hover{
	padding: 6px 0px 6px 20px;
	background-color: white;
	text-decoration: underline 2px white;
	font-size: 18px;
	font-style: italic;
	transition: all 0.5s ease-in-out;
	color: rgb(11, 28, 5);
}
.discover-content:hover{
	text-align: left;
	padding: 10px 0px 30px 0px;
	transition: all 0.5s ease-in-out;
}
.discover-content a:hover{
	color: rgb(11, 28, 5);
	font-weight: bold;
	text-decoration: underline 2px red;
	transition: all 0.5s ease-in-out;
	padding: 10px 0px 30px 20px;
}
/*End of discover*/



/*End of part one*/









/*Reacting*/
.reacting{
	display: flex;
}
/*learning-videos*/
.learning-videos{
	margin-right: 50px;
}
.learning-videos i{
	color: lightblue;
}
.learning-videos a{
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}


.sign-in{
}
.sign-in i{
	color: lightblue;
}
.sign-in a{
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}



/*Responsive*/
@media only screen and (max-width: 750px){
.reacting{
	display: none;
}
}
/*End of Responsive*/

/*End of reacting*/










/*language*/
.language{
margin: 0px 0px 0px 50px;
}
@media only screen and (max-width: 750px){
.language{
  position: absolute;
  right: 20px;
}	
}
.language i{
	color: lightblue;
}
.language a{
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}
.language-content{
	display: none;
}


#language:hover .language-content{
	display: block;
}
.language-content{
	width: 200px;
	background-color: rgb(11, 28, 5);
	padding: 10px 0px 30px 20px;
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
}
.language-content li{
	list-style: none;
	margin: 20px 0px 0px 0px;
}
.language-content a{
	text-decoration: none;
	color: rgb(100, 170, 40);
	font-size: 18px;
	font-style: italic;
}
.language-content i{
	color: lightblue;
}
.language-content li:hover{
	padding: 6px 0px 6px 20px;
	background-color: white;
	text-decoration: underline 2px white;
	font-size: 18px;
	font-style: italic;
	transition: all 0.5s ease-in-out;
	color: rgb(11, 28, 5);
}
.discover-content:hover{
	text-align: left;
	padding: 10px 0px 30px 0px;
	transition: all 0.5s ease-in-out;
}
.discover-content a:hover{
	color: rgb(11, 28, 5);
	font-weight: bold;
	text-decoration: underline 2px red;
	transition: all 0.5s ease-in-out;
	padding: 10px 0px 30px 20px;
}
/*End of discover*/
/*End of language*/