body{
	background-color:#343A40;
	font-size:20px;
	font-family:sans-serif;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	
}
main{
	display: flex;
	flex-direction: column;

}

.top{
	color:blanchedalmond;
	text-align: center;

}
.home{
	border: 4px solid ;
	border-color: #191d1f;
	background-color: #2c3135;
    border-radius: 20px;
	
	width: 460px;
}


input{
	background-color:#495057;
	width:180px;
	margin:0px;
	color:blanchedalmond;
	pointer-events: none;
	font-family:inherit;
	font-size:1.2rem;
	border-radius:6px;
}


a{
	color: rgb(212, 204, 193);
	font-size:1.5rem;
	text-decoration: none;
	border: 2px solid ;
	border-color: #ADB5BD;	
	border-radius: 10px;
	font-family:inherit;
	margin: 1px;
	padding:7px;
	width: min-content;

}
.yellow{
	border: 2px solid ;
	border-color: #F4B400;
}

.red{
	border: 2px solid ;
	border-color: #DB4437;
}

.green{
	border: 2px solid ;
	border-color: #0F9D58;
}
.blue{
	border: 2px solid ;
	border-color: #4285F4;
	/* border-color: #0F9D58; */
}
.purple{
	border: 2px solid ;
	border-color: #8642f4;
}
ul {
  list-style-type: none;
  margin-left: 0px;
}
a:hover{
	color:#CAD2C5;
	border-color:#CAD2C5;
}
li{
	transition: all 0.5s ease-out;
	color:#ADB5BD;
}
.devices{
	margin:25px;
	color:#6C757D;

}
.devices:hover{
	transform: translateX(.5em);
}

#searchbar{
	pointer-events: auto;
	color:#CED4DA;
	width:300px;
	margin:15px;
	margin-left:64px;
	border: 2px solid ;
	border-color: #ADB5BD;
	font-size:1.5rem;	
	height:40px;
}