/***************************************************************
*
* HTML
*
****************************************************************/

html {
	height: 100%;
	margin: 0;
    padding: 0;
}

/***************************************************************
*
* BODY
*
****************************************************************/

body
{
	background-color: #0b0b3d;
	background-image: url("/images/background.webp");
	background-size: cover;          /* scales image proportionally to fill screen */
	background-position: center;     /* centers the image */
	background-repeat: no-repeat;    /* prevents tiling */
	text-align: center;
	padding: 60px 0 0 0;
	height: 100%;
	margin: 0;
}

/***************************************************************
*
* SOCIAL
*
****************************************************************/

#social .bi
{
	color: #ffffff;
	transition: transform 0.3s ease-in-out, color 0.3s ease-in-out; /* Smooth scaling and color change */
	display: inline-block; /* Ensures transform works */
}

#social .bi:hover
{
	transform: scale(1.2) !important;
}

/***************************************************************
*
* FOOTER
*
****************************************************************/

footer
{
	color: #ffffff;
}

footer a
{
	color: #ffffff;
	text-decoration: none;
}

footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
}