.cerfiticate{

}
.cerfiticate.date{
	font-size: 20px;
	font-style: italic;
}
.cerfiticate.sub-title{
	font-size: 24px;
	font-weight: bold;
}
.ac-title.active{
	color:#27ae60;
}
button.encode{
	background-color: #ecf0f1;
}
button.decode{
	background-color: #bdc3c7;
}
.text_bold{
	font-weight: bold;
}
.text_italic{
	font-style: italic;
}
.text_strikethrough{
	text-decoration: line-through;
}
.text_monospace{
	font-family: 'Courier New', Courier, monospace;
}
.floating-coffe {
	top: 0;
	/* bottom: 0; */
	position: fixed;
	left: 0;
	z-index: 10000;
	/* height: 36px; */
	/* width: 36px; */
	margin: 0px;
	padding: 10px;
	clear: both;
	text-align: center;
	background-color: rgba(189, 195, 199, 0.5);
}
a.floating-coffe-link{
	display: block;
	height: 20px;
	width: 20px;
	background-image: url("/assets/images/coffe-icon/coffee-black-left.png");
	background-repeat: no-repeat;
	background-size: contain;
	animation: coffe-brew 1s infinite;

}
@keyframes coffe-brew {
	0% {
		background-image: url("/assets/images/coffe-icon/coffee-black-left.png");
	}
	50% {
		background-image: url("/assets/images/coffe-icon/coffee-black-right.png");
	} 
}
sup.attention{
	color:chocolate!important;
	animation: blink 1s infinite;
}
sup.attention-absolute{
	position: absolute;
	right: 10%;
	top: 10%;
	font-size: 1rem;
}

@keyframes blink {
	0% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.3;
	}
	100% {
	  opacity: 1;
	}
  }
.portfolio-description-wide{
	padding: 0!important;
	width: 100%!important;
}
.skill-box {
	margin-bottom: 5px;
}
.skill-box a{
	background-color: #eee;
	border-radius: 5px;
	padding: 0 5px;
	font-size: 0.8rem;
	color: #484848!important;
}
.skill-box a:hover{
	background-color: #ddd;
	color: #383838!important;
}
/* Override Style */
.portfolio-item .portfolio-description, .portfolio-item .grid-description, .portfolio-item .portfolio-links, .grid-item .portfolio-description, .grid-item .grid-description, .grid-item .portfolio-links {
	padding: 0;
	width: 90%;
	text-decoration: underline;
	text-decoration-color: white;
}
.portfolio-item, .grid-item {
	cursor: default;
}