body{
margin: 0px;
padding: 0px;
background-image: url('assets/images/background.jpg');
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh;
}
header, section, footer{
width: 100%;
display: table;
margin: 0px;
padding: 0px;
}
header{
text-align: center;
background-color: rgba(255,255,255,0.2);
min-height: 50px;
padding: 20px 0;
}
section{
   
}
#myavatar{
float: left;
width: 30%;
min-width: 200px;
}
#myavatar img{
border-radius: 50%;
max-width: calc(100% - 60px);
max-width: -webkit-calc(100% - 60px);
max-width: -moz-calc(100% - 60px);
padding: 30px;
}
#details{
float: left;
width: calc(70% - 60px);
width: -webkit-calc(70% - 60px);
width: -moz-calc(70% - 60px);
padding: 30px;
min-width: 200px;
}
.button{
    background-color: #00f;
    padding: 10px;
    border-radius: 25px;
    width: 100%;
    display: inline;
}
.button a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
footer{
position: relative;
bottom: 0px;
text-align: center;
padding: 20px 0;
background-color: rgba(0,0,0,0.2);
color: #fff;
}