.navbar {
  position: relative;
  z-index: 1;
  background-color: #7C7BA3;
  font-family: Verdana, sans-serif;
}

.contact {
	border:1.5px solid #e2edff;
	border-radius: 7px;
	background-color: #e2edff;
	padding: 17px;
	width: 94%;
	font-family: Verdana, sans-serif;
}

.about {
	border-radius: 7px;
	background-color: #fffff;
	padding: 9px;
	width: 94%;
	font-family: Verdana, sans-serif;
}

.footer {
	padding-top: 2rem;
	background-color: #0d6efd;
}

body {
	background: #fffff;
}

.info-panel {
	border:1.5px solid #e2edff;
	border-radius: 8px;
	background-color: #e2edff;
	padding: 30px;
}

.panel {
	border:1.5px solid #e2edff;
	border-radius: 8px;
	background-color: #e2edff;
	padding: 3px;
	padding-top: 5%;
}

.bawah {
	background: #e2edff;
	font-family: Verdana, sans-serif;
	padding-bottom: 100px;
	padding-top: 50px;
}

.footer {
	background-color: #7C7BA3;
	padding: 9px;
	width: 100%;
	font-family: Verdana, sans-serif;
}

.result {
	border:1.5px solid white;
	border-radius: 8px;
	background-color: #33383E;
	padding: 50px;
}

.file {
	border: 3px solid #e2edff;
	border-radius: 8px;
	color: black;
	margin-top: -11px;
	background-color: white;
	padding: 8px;
}

input[type="number"] {
	border:2px solid white;
}

input[type="message"] {
	border:2px solid white;
}

input[type="text"] {
	border:2px solid white;
}

textarea[type="psn"] {
	border:2px solid white;
}


.form-control:focus {
	border: 2px solid white;
	outline: 0;
	webkit-box-shadow: none;
	box-shadow: none;
}

.btn:focus {
	outline: 0;
	webkit-box-shadow: none;
	box-shadow: none;
}

.bor:focus {
	outline: 0;
	webkit-box-shadow: none;
	box-shadow: none;
}