html,body {
margin: 0;
height: 100%;
width: 100%;
}

.body {
width: 100%
margin: 0;
}



.container {
margin: 0 auto;
max-width: 100%;
    max-height: 100vh;
    height: auto;
}

.header {
background: #ffffff; 
width: 100%;
top: 0;
left: 0;
right:0;
position: fixed;
user-select: none;
}

.logo {
float: left;
font-family: "helvetica";
font-size: 15px;
}


a {
text-decoration: none;
color: #000000;
}

li {
list-style: none;
float: left;
margin-left: 15px;
padding-top: 20px;
}

.nav {
float: right;
position: inline
}

.beforecontent {
padding-top: 54px;
   left: 0;
   height: auto;
   position: inline;
   width: 100%;
}

.iframe {
   left: 0;
   height: auto;
   position: inline;
   width: 100%;
}

.pic {
padding-right: 50px;
padding-top: 50px;

}

.profiletext {
padding-top: 70px;
}

.footer {
clear: both;
background-color: black;
opacity: 0.7;
width: 100%;
position: absolute;
      left: 0;
  right: 0;
  text-align: center;
}