:root{
	--main-color-1 : #EAEAEA;
	--main-color-2 : #FFFFFF;

	--main-color-1-transparent : rgba(255,255,255,0.8);

	--secondary-color-1 : LightSeaGreen;
	
	--text-color : black;
	--text-color-opposite : white;
}

a:link, a:visited{
	text-decoration: none;
	color : var(--text-color);
}

h2{
	text-align: center;
	border-bottom: solid var(--secondary-color-1) 1px;
	padding-bottom: 20px;
}

ul{
	list-style: none;
	margin: 0px;
	padding : 0px;
}

body {
	margin : 0;
	padding : 0;

	background-color: var(--main-color-1);
	color : var(--text-color);

	font : 1.2em Arial, sans-serif;
}

/* NAV BUTTONS */

button{
	cursor: pointer;
	outline : none;
}

#back,#night_day, #back, #contact{
    padding : 15px;
	border : solid transparent 2.5px;
    border-radius : 50%;

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

#back:hover,#night_day:hover, #back:hover, #contact:hover{
    border : solid var(--text-color) 2.5px;
}


#back img,#night_day img, #back img, #contact img{
    width : 35px;
    border-radius : 50%;
    
    vertical-align: middle;
}