/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;600;700&display=swap');

html, body {height:100%;}

body {margin:0; padding:0;font-family: 'Spartan', sans-serif; 
	background-image: url('../images/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	color: #f9f9f9;
	padding-top: 1em;
	padding-bottom: 1em;
}

a {color:inherit;}
a:hover {color:bisque;}

.main-container {
	min-height: 100%;
	height: 100%;
	display: flex;    
    align-items: flex-start;
    overflow: auto;
    flex-direction: column;
    justify-content: space-between;
}

.box {
	height: 100%;
	border: 1px solid #333;
	border-radius: .5rem;
	background-color: rgba(10, 10, 10, .3);
	padding: 1.5em;
}