JavaScript.css

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

* {
	font-family: 'Roboto', sans-serif;
}
body{ background: #000;}
label{color: #fff;}

#main {
	margin: 60px 0;
}
#header {
	font-size: 30px;
	color: teal;
}
h1 {
	font-style: italic;
	text-align: center;
	font-family: 'Lobster', cursive;
}
.header {
	height: 50px;
	background: #222;
	line-height: 50px;
}
img {
	width: 70px;
	padding-right: 10px;
}

.row {
	margin: 10px 20px;
}
#search-btn {
	margin-top: 10px;
	padding: 6px 26px;
/*	border: none;*/
	background: teal;
	color: #fff;
	border: teal;
}
#results {
	margin: 50px 20px 0 0;
}
.person-row {
	margin: 10px 0;
	padding: 10px;
	background: #111;
	float: left;
	width: 100%;
}
.person-row img {
	float: left;
}
.person-info {
	float: left;
	padding-top: 20px;
	color: teal;
	line-height: 1.2;
}
.person-row > button {
	float: right;
	margin-top: 35px;
	padding: 3px 8px;
	border: none;
}
#add-btn {
	background: teal;
	color: #fff;
	border: teal;
}
.noMatch {
	width: 250px;
	margin: 0 auto;
}
#noMatchFound {
	margin-top: 80px;
	text-align: center;
	font-size: 20px;
}
#ig{
	width: 15px;
	padding-right: 0;
}
footer{
	width: 100%;
	height: 130px;
	background: #111;
	margin-top: 140px;
}
.copyright {
	color: #fff;
	text-align: center;
	line-height: 130px;
	font-size: 15px;
}