:root {
--border: white;
--glow-color: blue;
}

body {
background-color: black;
background-image: Url("./img/space.jpg");
color: black;
}

.header {
max-width: 1500px;
min-height: 200px;
//background-color: blue;
display: flex;
justify-content: center;
}

.nav {
max-width: 1000px;
margin: auto;
height: 100px;
//background-color: green;
display: flex;
justify-content: center;
align-items: center;

background-color: rgba(0, 0, 0, 0.5);
border: 2px solid var(--border);
border-radius: 15px;
box-shadow: 
	0 0 10px var(--glow-color),
	inset 0 0 10px var(--glow-color);
}

.fakead1 {
position: fixed;
margin-top: 100px;
background-color: purple;
width: 150px;
height: 500px;
display: none;
}

.fakead2 {
position: fixed;
margin-top: 100px;
right: 0;
background-color: purple;
width: 150px;
height: 500px;
display: none;
}

.comiccont {
margin: auto;
}

.content {
max-width: 1000px;
margin: auto;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
gap: 60px;
padding: 10px;

background-color: rgba(0, 0, 0, 0.5);
border: 2px solid var(--border);
border-radius: 15px;
box-shadow: 
	0 0 10px var(--glow-color),
	inset 0 0 10px var(--glow-color);
}

.imagebord{
border: 5px ridge black;
background-color: white;
}

.footer {
max-width: 1000px;
margin:auto;
min-height: 50px;
//background-color: blue;
text-align: center;
color: white;

background-color: rgba(0, 0, 0, 0.5);
border: 2px solid var(--border);
border-radius: 15px;
box-shadow: 
	0 0 10px var(--glow-color),
	inset 0 0 10px var(--glow-color);
}

button {
min-width: 100px;
min-height: 50px;
border: none;
color: black;
font-size: 20px;
background: linear-gradient(0deg,rgba(17, 14, 64, 1) 0%, rgba(81, 75, 171, 1) 47%, rgba(139, 139, 199, 1) 49%, rgba(147, 147, 217, 1) 100%);

box-shadow:
	inset 2px 2px 2px white,
	inset -2px -2px 2px black;
}