html {
	scroll-behavior: smooth !important;
}

body {
	margin: 0;
	font-family: sans-serif;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: green;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #2bff00;
}

input {
	padding: 10px;
	border: none;
	border-bottom: #2bff00 4px solid;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 10px 10px 0 0;
	outline: 0px solid #2bff0050;
	transition-duration: 0.3s;
}

input:focus {
	background-color: rgba(0, 0, 0, 0.1);
	outline: 4px solid #2bff0050;
	transition-duration: 0.3s;
}