@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "Poppins", sans-serif;
}
:root {
    --primary: #333;
    --secondary: #333;
    --errorColor: red;
    --stepNumber: 6;
    --containerWidth: 600px;
    --bgColor: #333;
    --inputBorderColor: lightgray;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10vh;
    overflow-x: hidden;
    background: var(--bgColor);
}
::selection {
    color: #fff;
    background: var(--primary);
}

.halaman {
    width: var(--containerWidth);
	background-image:url(../../images/batik.jpg);
	top:0;
	bottom:0;
	height:100%;
	overflow:hidden;

}

.container {
    text-align: left;
	width: var(--containerWidth);
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
}

.boxheader{
	height			:70px;
	width			:100%;
	position		:relative;
	border-radius	:0px 0px 50px 50px;	
	background-color:#FF9900;  
	box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.logonbp{
	left			:30px;
	position		:relative;
}
.banktop{
	left			:100px;
	top				:0px;	
	position        :absolute;
	font-size		:30px;
	font-weight		:bold;
}
.bankdown{
	left			:100px;
	top				:33px;	
	position        :absolute;
	font-size		:20px;
	font-weight		:bold;
}

.footerku{
    width: var(--containerWidth);
	bottom:0px;
	position:fixed;
	padding:10px 10px 10px 20px; 
	background:#FF9900; 
	color:#000000; 
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.20);
}

.headerku{
    width: var(--containerWidth);
	top:0px;
	position:fixed;
}

input.invalid-input {
    border-color: var(--errorColor);
}

select.invalid-input {
    border-color: var(--errorColor);
}

textarea.invalid-input {
    border-color: var(--errorColor);
}

@media screen and (max-width: 660px) {
    :root {
        --containerWidth: 400px;
    } 
}
@media screen and (max-width: 490px) {
    :root {
        --containerWidth: 100%;
    }
    .container {
        box-sizing: border-box;
        border-radius: 0;
    }
}
/* CSS Document */