styleSearch.css

 body{
    background-color:#202a3f;
 }
 #eroare{
position:absolute;
top:100px;
font-size:250%;
	 color:#e84118;
	text-shadow:0 0 20px #e84118;
 }
  #short{
	 color:red;
 }
 #nume{
	color:#e84118;
	text-shadow:0 0 20px #e84118;
	font-size:200%;
 }
 
 p{
	 color:white;
 }
#BtnModif{
	height:30px;
	width:80px;
	background-color:#2f3640;
	color: white;
	font-size:12px;
	text-align:center;
	text-decoration:none;	
	cursor:pointer;
}

#buton{
	position:absolute;
	top:0%;
	height:59px;
	background-color: #e84118;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width:8%
}


#SearchBar{
	
	color:white;
	background:#2f3640;
	position:absolute;
	left:8%;
	top:0%;
	width:92%;
	height:59px;
	padding:10px;
	font-size:20px;
	letter-spacing:3px;
	text-align:center;
	border:solid 1px #2f3640;
	outline:none;
	}
	
#Search{
	color:#e84118;
	position:absolute;
	top:0%;
	left:96%;
	background:transparent;
	width:4%;
	height:59px;
	padding:13px;
	font-size:20px;
	border:none;
	outline:none;
	cursor: pointer;
}
#SearchBar:focus{
	background:white;
	color:black;
}
#Search:hover{
	
	color:#e84118;
	text-shadow:0 0 20px #e84118;
}
.box{
	display:inline;
	position:absolute;
	top:10%;
	left:50%;
}
.checkbox{
	-webkit-appearance: none;
	outline:none;
	background-color:#2f3640;
	height:20px;
	width:20px;
}
.checkbox:checked{
	background-color:#e84118;
}
.checkbox:checked:after {
	content: '\2714';
	color:white;
	font-size: 15px;
	position: absolute;
	top: 0px;
}
.box p{
	color:white;
	display:inline;
}