html{
    height: 100%;
    width: 100%;
    overflow-x:hidden;
}
header{
    font-size:60px;
    font-weight:bold;
    text-decoration:underline;
    text-align:center;
    font-family: "Cinzel", serif;
    word-break:break-word;
}
.ChiPhoto{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:-1;
    object-fit:cover;
    border:2px solid black;
}
/*Nav stuff*/
nav{
    border:3px teal solid;
    width:100%;
    height:10%;
    position:relative;
    top:0px;
    left:0px;
    text-align:center;
    border-radius:5%;
    display:inline;
    font-size:14pt;

}
a.nav-link{ 
    font-weight:500; /*FYI 400=normal, 700=bold, we also have lighter, thicker*/
    border-right:2px darkslategrey solid;
    border-left:2px darkslategrey solid;
    padding-right:5%;
    padding-left:5%;
    background-color:whitesmoke;
    margin:-0.75%;
}	
a.nav-link:hover{
    font-weight:bold;
    background-color:lightblue;
    border-radius:10%;
    text-shadow: 1px 1px;
}	
/*End of nav hooray hehraohfen*/
.textbox{ /*text box*/
    position:relative;
    height:200%;
    top:80%;
    bottom:0%;
    border:5px black solid;
    text-align:center;
    z-index:1;
    word-wrap: break-word;
    background-color:#aab8f9;
    font-family:"Josefin Sans", Serif;
    font-size:15pt;
    
}
div h3{
    background-color:#73c4ed;
    color:black;
    border: 1px darkslategray solid;
    width:100%;
    font-weight:600;
}
/*headings*/
h1, h2, h3{
    font-family:"Merriweather", Serif;
    padding:5px;
}
/*text*/
p, li, td, label{
    font-family:"Josepin Sans", Serif;
    font-size:15pt;
} 
/*miscellanoius little things*/
.list-group{
    border:1px solid #007FFF;
}
td{
    text-align:center;
    border:1px solid black;
}
.bubble{
    border-radius:100%;
    width:200px;
    height:200px;
    z-index:2;
    border:3px black solid;
}
.spacing{
    position:relative;
    height:200px;
    top:0px;
}
i{
    font-weight:460;
}
.subtleLink{
    text-decoration:none;
    color:black;
}
hr{
    padding-top:2%;
}
#navPhoto{
    height:35px;
    align-items:center;
    vertical-align:center;
    border-radius:5%;
}
.icon{
    height:50px;
    width:50px;
}
.rights{
    left:250px;
    text-align:center;
    background-color:lightGrey;
}
.footer{
    background-color:lightGrey;
    
}