@font-face {
	font-family: 'Montserrat-Medium';
	src: url('/fonts/montserrat/Montserrat-Medium.ttf');
	src: url('/fonts/montserrat/Montserrat-Medium.ttf') format('ttf'),
	     url('/fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Nunito-Regular';
	src: url('/fonts/nunito/Nunito-Regular.ttf');
	src: url('/fonts/nunito/Nunito-Regular.ttf') format('ttf'),
	     url('/fonts/nunito/Nunito-Regular.ttf') format('truetype');
}


@font-face {
	font-family: 'Poppins-Medium';
	src: url('/fonts/poppins/Poppins-Medium.ttf');
	src: url('/fonts/poppins/Poppins-Medium.ttf') format('ttf'),
	     url('/fonts/poppins/Poppins-Medium.ttf') format('truetype');
}


body
{
	background-image: url('/images/bg-login3.png');
	background-size: cover;
}


.nunito
{
    font-family: 'Nunito-Regular';
}

.mons
{
    font-family: 'Montserrat-Medium';
}

.itim
{
    font-family: 'Itim', cursive;
}

.bold
{
    font-weight: bold;
}

.popins
{
    font-family: 'Poppins-Medium';
}

.spa
{
    width: 50%;
    height: auto;
    float: left;
}

.logo
{
    width: 40%;
}

.cursor
{
    cursor: pointer;
}

.bg-b
{
	background-color: rgba(11, 134, 11, 0.507);
}


.bg-form
{
	background:rgba(61, 52, 141, 0.527);
	margin-top:10%;
}

.color-a
{
	color:rgb(98, 85, 85);
}

.kanan
{
	width: 50%;
	height: 100%;
	background-color:#3D087B;
	float: right;
	position: fixed;
	margin-left: 50%;
}

.kanan .img-kanan
{
	width:10%;
}