#pagecontainer{
float: center;
background-color:rgb(252, 227, 176);
padding: 10px;
border-radius: 30px;
}
/*styling for the container containing the entire homepage*/

#topnavcontainer {
float: center;
margin: 20px;
padding: 20px;
border-radius: 40px;
background-color: rgb(216, 26, 26);

}
/*Styling for container topnav*/

.contentarea {
float: center;
margin: 20px;
padding: 40px;
padding-right: 0px;
padding-left: 0px;
border-radius: 40px;
background-color: rgb(0, 0, 0);
overflow: hidden;
min-width: 600px;
}
/*Styling for homepage content container*/

#websummary {
font-size: 20pt;
float: center;
margin: 20px;
padding: 15px;
border-radius: 30px;
background-color: rgb(252, 96, 0);
line-height: 130%;
}
/*styling fot the container with the website purpose explanation*/

#trekmotto {
margin-top: 10px;
margin-right: 60px;
margin-left: 60px;
text-align: center;

}
/*styling for the trek motto text*/

#trekgloat{
font-size: 20pt;
float: center;
margin: 20px;
padding: 15px;
border-radius: 30px;
background-color: rgb(147, 13, 224);

}
/*styling for the container gloating about star trek*/


#heading {
float: center;
margin: 40px;
padding: 5px;
border-radius: 40px;
background-color: rgb(27, 170, 252);
}
/*styling for container with trekmotto in it*/

img {
border-radius: 20px;
max-width: 100%;
height: auto;
}
/*styling for imgs that keeps keeps them in the containers when shrunk*/



body {
text-align: center;
font-size: 35pt;
color: white;
font-family: arial; 
padding: 1px;
}
/*styling for all the text*/

.topnav {
background-color: rgb(216, 26, 26);
overflow: hidden;
}
/*styling for topnav color*/


.topnav a {
float: left;
display: inline-block;
color: black;
text-align: center;
padding: 12px 55px;
text-decoration: none;
font-size: 19px;
margin-left: auto;
margin-right: auto;
}
/*styling for topnav display*/


.topnav a:hover {
background-color: white;
color: black;
border-radius: 20px;
}
/*styling for when mouse hovers over topnav link*/

.topnav a.active {
background-color: white;
color: white;
}
/*styling for when topnav is clicked*/

a:hover {
highlight-color: rgb(98, 190, 247);
}
.container2 {
    float: center;
    margin: 20px;
    padding: 40px;
    border-radius: 40px;
    background-color: rgb(0, 0, 0);
    min-height: 750px;
}

.resize {
    max-width: 400px;
   float: left;
    margin-right: 30px;
}

p {
    font-family: arial;
    font-size: 15pt;
    color: white;
    text-align: center;
}


h2 {margin-top: 0px;}

#mystory {
    font-size: 20pt;
    font-family: arial;
    line-height: 150%;
}

.image {
    float: left;
    font-size: 16pt;
}

#zeldarating {
    margin-top: 0px;
    font-family: palatino;
    font-size: 150pt;
}