html, body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	height: 100%;
	background-color: #001233;
	text-align: center;
}

.joppd-intro {
	font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #FF595A;
}

.joppd-broj {
	display: inline-block;
	padding: 0.9rem 1.8rem;
	font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 300%;
	color: #CAC0B3;
	border: 3px solid #FF595A;
	cursor: pointer;
	position: relative;
	background-color: transparent;
	text-decoration: none;
	overflow: hidden;
	z-index: 1;
}

.joppd-broj::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FF595A;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

.joppd-broj:hover::before {
	transform: translateX(0);
}