@charset "utf-8";




:root{

	--primary-color: #141418;
	--secondary-color: aliceblue;
	--secondary-color2 : aliceblue;
}

.light_mode{

	--primary-color: #dbdbde;
	--secondary-color: rgb(16, 16, 17);
	--secondary-color2 : #7979b4;

}

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;
}

.for_side_bar {
background-color: #323232;
width: 9%;
height: 280px;
float: right;
border: double;
}

.for_side_bar_2{
width:100px;
height:1000px ;
float: left;
	
}


.for_sidebar_links{
	color: var(--secondary-color2);
	font-style: italic;
}


.for_highest_scored {
	width: 25%;
	height: 30px;
	background-color: darkgrey;
	font-size: 18px;
	border: solid;
	border-color: darkslategray;
	
}

#table_for_highest_score{
	width: 85%;
	background-color: cornsilk;
	height: 200px;
	padding: 0px; 	
	 
}
.for_highest_scored_image{
height: 190px;
width: 190px;
}
.for_most_commented {
	width: 25%;
	height: 30px;
	background-color: #681616;
	font-size: 18px;
	border: solid;
	border-color: black;
	
}
#table_for_most_commented{
	width: 85%;
	background-color: #333333;
	height: 200px;
	padding: 0px; 		
}

.for_most_recent_movies  {
	width: 25%;
	height: 30px;
	background-color: #563E16;
	font-size: 18px;
	border: solid;
	border-color: black;
	
}
#table_for_most_recent_movies {
	width: 85%;
	background-color: #151529;
	height: 200px;
	padding: 0px; 		
}

.HEADING_FOR_ABOUT_SITE{
	width: 100%;
	background-color: aquamarine;
	text-align: center;
}
.paragraph{
	
	color: var(--secondary-color);
}


#button{

	height: 20px;
	width: 80px;

}

.inteh_paragraphp_headnig{

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

















.clock{

    background-color: black;
    width: 190px;
    height: 60px;
    border-radius: 20px;
    margin-left: 1400px;
}
.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;

}