website/styles/homepagestyles.css.old

/* This stylesheet is for the layout of both the homepage and the various subject pages */

/* .main_grid {
	display: grid;
	grid-template-rows: 24% 24% 24% 24%;
	grid-template-columns: 24% 24% 24% 24%;
	background-color: red;
	grid-gap: 20px;
} */

#homebody {
        background-image: url("/images/lemon.jpg");
        background-size: 50%;
		bacground-color: black;
        background-repeat: repeat;
        background-position: center;
}

body {
		font-family: "Montserrat", sans-serif;
}

.header {
		 background-color: white;
        font-size: 36px;
        color: darkblue;
		text-align: right;
         margin-top: 40px;
        padding: 15px 80px;
}

.sidebar {
        height: 300px;
        width: 300px;
        font-family: sans-serif;
        font-size: 24px;
        color: darkblue;
        background-color: antiquewhite;
        margin-left: 12px;
        margin-top: 140px;
        margin-bottom: 200px;
}

.main-content {
		display: flex;
		flex-wrap: wrap;
		position: fixed;
		width: 100%;
		bottom: 20px;
		padding: 10px;
		background: black;
}

.homepagebutton {
        align-content: center;
        font-size: 18px;
        background: #AAAE8E;
        color:  #453F78;
        text-decoration: none;
        padding: 10px 10px;
        margin: 10px;
		border: thick 2px #3A5743;
		border-radius: 4px;
        display: inline-block;
}

.homepagebutton:hover {
        background: rgba(170, 174, 142, 80%);
        clear: both;
}

.homepagebutton a {
		color:  #453F78;
}

.homepagebutton a:visit {
		color:  #453F78;
}

.incomplete {
        align-content: center;
        font-size: 14px;
        background: #453F78;
        color:  #AAAE8E;
        text-decoration: none;
        padding: 10px 10px;
        margin: 10px;
		border: thick 2px #3A5743;
		border-radius: 4px;
        display: inline-block;
}

.incomplete a {
		color:  #AAAE8E;
}

.incomplete a:visit {
		color:  #AAAE8E;
}