@charset "utf-8";






:root{

	--primary-color: #141418;
	--secondary-color: aliceblue;
	--secondary-color2 : azure;
	--secondary-color3 : black;

}

.light_mode{

	--primary-color: #dbdbde;
	--secondary-color: rgb(16, 16, 17);
	--secondary-color2 : rgb(28, 29, 4);
	--secondary-color3 : white;


}

#button{

	height: 20px;
	width: 80px;
	float: left;

}



















body{
	background-color: var(--primary-color);
	
}

#header_div{
	border: solid;
	background-color: cornsilk;
}

#header1{
	width: 100%;
	text-align: center;
	font-size: 20px;
}

#header2{
	width: 100%;
	background-color:white;
	border: double;
	height: 25px;
	text-align: center;
}

#div_for_header_margin{
	margin-top: 4px;	
}

.header_links{

	color: black;
}

#div_for_form{
	width: 73% ;
	background-color: var(--secondary-color2) ;
	border:double;
	border-color: black;
	margin-left: 188px;
	
	
	
}

.for_input{
	
	width: 300px;
	background-color: #A1A1A1;
}

.for_how_to_search {
	
	width: 60%;
	height: 20px;
	background-color: #78CCC3;
	border: double;
	border-color: beige;
	
	
}
.for_righr_side_bar{
	
	width: 10%;
	height: 300px;
	float: right;
	
}

.for_left_side_bar{
	
	width: 10%;
	height: 300px;
	float: left;
}
#for_paragraph{

	color: var(--secondary-color);

}

.for_label{

	color: var(--secondary-color3);
}





















.form_control_eror input{

	border-color: #460101 ;

}

.form_control_success{

	border-color: green;
}

.form_control_small{

	color: red;
	position: absolute;
	bottom: 0;
	right: 0;
	visibility: hidden;
}

.form_control{

}
small{

	color: red;
}












.clock{

    background-color: black;
    width: 190px;
    height: 60px;
    border-radius: 20px;
    margin-left: 1220px;
}
.time{

    float: left;
    color: white;
    width: calc(100% / 3);
    text-align: center;
    margin-top: 6.5px;
    font-size: 18px;
}
.date{
    float: left;
    color: white;
    width: calc(100% / 3);
    text-align: center;
    margin-top: 6.5px;
    font-size: 18px;

}