body{background-color: tan;
text-align: center;
user-select: none;
color: darkblue;}

section{user-select: text;}

footer{text-align: right;
color: grey;
font-size: smaller;}

header{text-align: right;
color: black;
font-size:small;}

aside{
    float: right;
}
article{
    width: 50%;
    margin: auto;
    padding: 10px;
    border: 1px solid black;
    background-color: lightblue;
}

#KianImg{
    width: 150px;
    height: auto;
    margin-left: 10px;
}
#Future{background-image: url('images/BlackHole.jpg');
      background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: large;
}
.Future2{
background-color: antiquewhite;
}
.Name2{
    color: red;
    font-weight: bold;
}
.Name{
    color: darkblue;
    font-weight: bold;
}
.Country{
    color: purple;
    font-weight: bold;
}
.ClickTitle{
    border: 1px solid black;
    background-color: teal;
    user-select: none;
}
.ClickArrow{
    width: 90px;
    height: auto;
    vertical-align: middle;
    user-select: none;
}
/*Shoutouts to Google for showing me that :hover exists*/
#ClickTitlePa:hover{
    background-color: darkcyan;
    cursor: pointer;
}
#ClickTitlePr:hover{
    background-color: darkcyan;
    cursor: pointer;
}
#ClickTitleFu:hover{
    background-color: darkcyan;
    cursor: pointer;
}