body{
	font-family: 'Work Sans',Helvetica,Verdana,Arial,sans-serif;
}

p{
	font-family: 'Roboto',Helvetica,Verdana,Arial,sans-serif;
	font-weight: lighter;
}

h1,h3{
	font-weight: 300;
	padding: 0.8rem;
}
h1{
	letter-spacing: 0.3rem;
	
}
h2{
	padding: 0.8rem;
}
h3,h2{
letter-spacing: 0.15rem;
}

ul{
	 font-weight:300;
	 font-size: 0.8em;

}
li{
	padding-bottom: 0.5em;
}

iframe{

	width: 76%;
	height: 200px;
	border: 0px;
	
}

img{
	width:100%;
}

nav{
	background-color: rgb(81, 212, 230);
	padding: 0.7rem;
	padding-bottom: 1rem;
	font-size: 1.25em;

}

.button-nav{
	text-decoration: none;
	color: white;
	/*padding: 0.5rem;*/
	transition: 0.45s;

}


.button-nav:hover,.button-nav:focus{
	color:rgba(255,255,255,0.2);

}

.current-page{
	color: rgb(87, 88, 89);
	text-decoration: none;
	letter-spacing: .1rem;
	}

a{
	text-decoration: none;
	color:rgb(24, 167, 249);
	transition: 0.25s;
}
a:hover, a:focus{
	color:rgb(10, 70, 105);
	text-decoration: none;

}

section{
	padding: 2rem;
}
.logo{
	display: inline-block;
	height: 2rem;
	width: 2rem;

}

footer{
		background-color: rgba(81, 212, 230,0.25);
}

textarea{
	width: 100%;
	font-size:0.7em;
	height: 4rem;
}
.coldmoji-button{
	background-color: rgba(81, 212, 230,0.5);
	padding: 1em;
	border-radius: .2em;
	transition: 0.5s;

}
.moji-home{
	width: 22%;
	height:22%;
	padding-top:0.5em;

}
figcaption{

	padding-top:1em;
	padding-right: 1em;
}
figure{
	margin: 0;
	margin-top: 2em;
	color: black;


}
figure{
	text-decoration: none;
	}

.coldmoji-button:hover, .coldmoju-button:focus{
	background-color: rgba(81, 212, 230,0.2);

}
.news-box{
	background-color: rgba(81, 212, 230,0.5);
	border-radius: .2em;
	transition:0.5s;
	padding-bottom: 0.5em;
	

}

.news-box:hover,.news-box:focus{
background-color: rgba(81, 212, 230,0.1);
}

.traslink,h2{
	
	color: black;
	padding: 0;
	padding-left: 0.2em;
}
/*.translink:hover,.translink:focus{
	background-color: rgba(10,30,200,0.3);
	background: rgba(10,30,200,0.3);
}*/
.translink-widget{
	padding: 0.5em;
}
.status-widget{
	background-color: rgba(81, 212, 230,0.5);
	transition: 0.8s;
	border-radius: 0.2em;
}
.status-widget:hover,.status-widget:focus{
	background-color: rgba(81, 212, 230,0.2);
}


.moji-page{
	background-color:rgba(81, 212, 230,0.3);
	border-radius: 1em;
}
.moji{
	background-color: rgba(255,255,255,0.2);
}
.moji:hover , .moji:focus {

	background-color: rgba(255,255,255,0.4);
}

.questions{
	background-color:rgba(200, 200, 230,0.3);
	border-radius: 1em;
	margin: 1em;
	padding: 0.5em;

}

.twitter-share-button{
	float:left;
	margin-right: 1em;
 	
}
.facebook-share-button{
	float:left;
}