/*
CSS Style Sheet for Election Website INDEX FILE SMALL SCREENS
*/
body {
      background-color: #adddff;
    }
.div-table {
	position: absolute;
	top: 145vh;
	left: 0vw;
	height: auto;
	width: 95vw;
	}
.div-text-box1	{
	position: absolute;
	top: 0vh;
	left: 0vw;
	height: 37vh;
	width: 60vw;
	}
.div-text-box2	{
	position: absolute;
	top: 40vh;
	left: 0vw;
	height: 40vh;
	width: 90vw;
	padding: 10px;
	}
.div-map	{
	position: absolute;
	top: 83vh;
	left: 0vw;
	width: 90vw;
	height: 50vh;
	}
.image-map {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 90vw;
	height: auto;
	object-fit: fill;
}
.div-democracy	{
	position: absolute;
	top: 1vh;
	left: 63vw;
	height: 35vh;
	width: 30vw;
	}
.image-democracy {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 35vh;
	width: 30vw;
	border-radius: 10px;
	object-fit: fill;
	}
t1	{
	font-family: arial;
	font-size: 6vh;
	font-weight: 600;
	padding: 5px;
	top: 0px;
	width: 10vw;
	text-align: center;
	padding: 10px;
	}
t2	{
	font-family: times;
	font-size: 2.25vh;
	width: 90vw;
	padding: 10px;
	}
table	{
	width: 95vw;
	border: 3px solid black;
	border-collapse: collapse;
	}
th	{
	font-family: arial;
	font-color: black;
	font-size: 3vh;
	background-color: #ffff88;
	border: 2px solid black;
	padding-left: 10px;
	padding-right: 10px;

	}
td	{
	font-family: arial;
	font-size: 2.5vh;
	font-color: #ffff00;
	background-color: #ff0000;
	border: 2px solid black;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	} 
a {
	color: blue;
	text-decoration: none;
	}
a:link	{
	color: #ffff00;
	}
a:visited	{
	color: #ffff00;
	}
a:hover	{
	color: #000000;
	background-color: #ffff00;
	}