@font-face {
  font-family: elastic;
  src: url(elastic.TTF);
}
@font-face {
  font-family: visitor;
  src: url(/visitor1.ttf);
}


body {
    margin:auto;
    background-color:black;
    background-image:url(stars.gif);
}

header {
    font-family:elastic;
    color:white;
    text-align:center;
    margin-bottom:100px;
    margin-top:100px;
}

a {
    font-family:visitor;
    color:white;

}

h3 {
    margin-top:0;
    font-family: "DotGothic16", sans-serif;
    letter-spacing: 3px;
}

h2 {
    color:white;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    font-family:visitor;
    font-size:25px;
    text-align:center;
}

p {
    font-family: "DotGothic16", sans-serif;
    font-size:larger;
    letter-spacing: 3px;
}

.stage {
    display:flex;
    margin:auto;
    width:50vw;
    color:white;
    gap:10px;
    margin-bottom:50px;
    height:350px;
}

.sideimg {
    background-size:cover;
    width:100%;
    flex:2;
    width:100px;
}

.sideimg img {
    width:100%;
    height:350px;
    object-fit:cover;

}

.textbox {
    padding:10px;
    flex:3;
    overflow-y:scroll;
}

.choice {
    display:flex;
    margin:auto;
    justify-content: center;
    gap:10px;
}

button {
    width:500px;
    padding-left:10px;
    width:100%;
    background-color:rgba(0, 0, 139, 0);
    margin-bottom:100px;
    transition:0.5s;
}

button:hover {
    background-color:rgba(128, 0, 128, 0.397);
    transform:scale(1.1);
    cursor:pointer;
}

button p {
    color:white;
    font-family: "DotGothic16", sans-serif;
    letter-spacing: 3px;
    font-size:larger;
    letter-spacing: 3px;
}





.fate {
    display:flex;
    width:65vw;
    margin:auto;
    gap:10px;
    margin-bottom:100px;
}

.neutronstar {
    flex:1
}

.blackhole {
    flex:1;
}

.fate p {
    color:white;
}

.fate h3 {
    color:white;
}

.fate img {
    width:100%;
}

.fate2 {
    color:white;
    width:65vw;
    margin:auto;
    gap:10px;
    margin-bottom:100px;
}

.whitedwarf {
    display:flex;
    gap:10px;
}

.whitedwarf img {
    flex:1;
    width:33%;
    object-fit: cover;
}

.dwarftext {
    flex:2
}