@charset "utf-8";
body {
    background-color: #000000;
}
.comicsHeader {
    border: thick double #FFFFFF;
    display: flex;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 12px;
    color: #FFFFFF;
}
.comicSelector {
    border: thick double #FFFFFF;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-bottom: 6px;
    margin-top: 3px;
    margin-left: 9px;
    margin-right: 9px;
    padding-left: 12px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 12px;
    color: #FFFFFF;
    text-decoration: underline;
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: flex-start;
		
}
.comicDescription {
    width: 75%;
}

nav h2 {
    margin-top: -4px;
    margin-left: -4px;
    padding-bottom: 9px;
    padding-top: 9px;
    padding-left: 12px;
    margin-right: -4px;
    border-top-right-radius: 27px;
    border-bottom: thick double #FFFFFF;
    color: #FFFFFF;

}


body nav {
    width: 48%;
    display: flex;
    float: left;
    border: thick double #FFFFFF;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    margin-left: 6px;
    flex-direction: column;
    color: #FFFFFF;
}
body main {
    width: 48%;
    display: flex;
    float: right;
    border-top-left-radius: 27px;
    border-bottom-left-radius: 27px;
    border: thick double #FFFFFF;
    margin-right: 6px;
	flex-direction: column;
    color: #FFFFFF;
}
main p {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 6px;

}

main h2 {
    padding-top: 9px;
    padding-bottom: 9px;
    border-bottom: thick double #FFFFFF;
    width: 99%;
    padding-left: 12px;
    margin-top: -4px;
}
.sdcIcon {
    width: 100px;
    height: 100px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #FF0004;
    background-image: url(homeAssets/SDCicon.png);
}
.newsBox {
    padding-bottom: 2%;
}


.sdcIcon:hover {
	background-image: url("homeAssets/SDCiconCover.png");
	
}
.indexScreen {
    border: thick double #FFFFFF;
    width: 1440px;
    height: 1080px;
    color: #FFFFFF;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    padding-left: auto;
    padding-right: auto;
    padding-top: auto;
    padding-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}
.indexContent {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    color: #FFFFFF;
}

.indexBody {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.newsBox a {
    color: #FF0000;
}