html{
  min-height: 100%;
  position:relative;
}


body
{
height: 100%
width: 100%;
margin: auto;
background-color: #FFFFFF;
background-image: url("images/background.jpg");
background-repeat: no-repeat;
background-size: cover;
font-family: "Courier New", sans-serif;
font-size: medium;
}

a
{
color: inherit;
text-decoration: none;
}

hr
{
opacity: 0;
}

.profileimg
{
opacity: 0.8;
}

.contentbox
{ 
margin: auto; 
margin-top: 5%;
width: 40%;
height: auto;
background-color: #FFFFFF14;
background-image: linear-gradient(140deg,rgba(255,255,255, 0) 30%, rgba(255,255,255, .2), rgba(255,255,255, 0) 70%);
top: 0;
left: -100px;
box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
border-radius: 15px;
border: 2px solid rgba(255,255,255,0.5);
text-align: center;
padding: 20px;
opacity: 0.6;
overflow: auto;
}

.contentflex
{
display: flex;
align-items: center;
}

@media (max-width: 1000px) {
.contentflex 
{
flex-direction: column;
}
}

.fleximg
{
float: left;
opacity: 0.8;
padding-right: 20px;
}

@media (max-width: 1000px) {
.fleximg
{
padding-right: 0px;
}
}

.flextext
{
float: left;
}

.navbox
{ 
margin: auto;
width: 40%;
margin-top: 1px;
text-align: center;
padding: none;
opacity: 0.6;
}

.updatebox 
{
border: 1.5px solid rgba(255,255,255,0.7);
border-radius: 15px;
padding: 15px;
margin: auto;
margin-top: 10px;
width: 75%;
height: auto;
text-align: left;
font-size: small;
background-image: linear-gradient(140deg,rgba(255,255,255, 0) 30%, rgba(255,255,255, 0.2), rgba(255,255,255, 0) 70%);
box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
}

.spoilertext
{
filter: blur(3px); 
}