body { 
background-color: #120309;
}
body.time {
background-image: url("images/timeshift.png");
}
#erasure { background-color: #000000;
       width: 1000px;
       color: #C01945;
       height: auto;
       overflow: hidden;
       margin: auto;
       text-indent: 35px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #C01945;      
}
#scarlet { background-color: #B52843;
       width: 1000px;
       height: auto;
       overflow: hidden;
       margin: auto;
       color: #FFFFFF;
       text-indent: 25px;
       padding: 10px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #71667E;
}
#main { background-color: #EB008B;
       width: 1000px;
       height: auto;
       overflow: hidden;
       margin: auto;
       color: #d9d7fb;
       text-indent: 35px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #32285e;
}
#main { background-color: #EB008B;
       width: 1000px;
       height: auto;
       overflow: hidden;
       margin: auto;
       color: #d9d7fb;
       text-indent: 35px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #32285e;
}
#speech { 
       background-color: #FEC5E5;
       width: 650px;
       font-size: 15px;
       color: #C01945;
       text-indent: 0px;
       margin: auto;
       padding: 15px;
       border-top-left-radius: 40px;
       border-bottom-left-radius: 40px;
       border-top-right-radius: 40px;
       border-bottom-right-radius: 40px;
       box-shadow: 5px 5px 5px #000000;
}
#epitaph { background-color: #Add8e6;
       width: 1000px;
       height: auto;
       overflow: hidden;
       margin: auto;
       color: #000000;
       text-indent: 35px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #32285e;
}
#fate { background-color: #d3d3d3;
       width: 1000px;
       height: auto;
       overflow: hidden;
       margin: auto;
       color: #000000;
       text-indent: 35px;
       font-family: courier-new, monospace;
       border-top-left-radius: 90px;
       border-bottom-left-radius: 90px;
       border-top-right-radius: 90px;
       border-bottom-right-radius: 90px;
       box-shadow: 5px 5px 5px #32285e;
}
text-align: center;
}
th {
border: 3px solid #FFFFFF;
padding: 10px;
background-color: #B52843;
color: white;
font-size: 25px;
}
td {
color: #12101f;
border: 3px solid #FFFFFF;
padding: 10px;
background-color: #B52843;
color: #93C44C;
}
table {
border-collapse: collapse;
}
#physical { background-image: url("images/strength.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 750px;
}
#erased { background-image: url("images/timeerase.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 750px;
}
#stone { background-image: url("images/stone.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 750px;
	transform: rotate(15deg);
}
#defeat { background-image: url("images/death.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 820px;
}
#future { background-image: url("images/epitaph.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 750px;
}
#diavolo { background-image: url("images/diavolo.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 165px 170px;
	margin-left: 750px;
}
#what {
margin-left: 750px;
}
#whatthe {
margin-left: 500px;
}
nav {   width: 360px;
	background-image: linear-gradient(to bottom, #C11324, #C01945);
	overflow: hidden;
	float: left;
        border-top-left-radius: 0px;
        height: auto;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
	border: 4px solid #FFFFFF;
}
form {
grid-template-rows: auto;
text-align: left;
grid-template-colums: 6em 1fr;
grid-gap: 1em; gap: 1em;
background-color: #C01945;
font-family: Arial, sans-serif;
color: #FFFFFF;
width: 60%; min-width: 20em;
padding: 2em;
border: 3px solid #000000
}
footer {
padding: 20px;
}
a:visited {
color: #FEC5E5;
}
a:hover {
color: #93C44C;
}
video { height: 395px;
width: 355px;
}