@font-face {

font-family: 'Audiowide-Regular';
src: url(../fonts/Audiowide-Regular.otf);
}

body {
line-height: 17px;
background-image: url(../images/backgrounds/poly.jpg);
background-size: 100%;
width: 100%;
height: 100%;
min-width: 950px;


}


.top_bar {

width: 100%;
height: 40px;
background-color: #27ae60;
border-bottom: 5px solid #2ecc71;
min-width: 1050px;
margin: 0 0 10px 0;
display: inline-flex;
position: fixed;
z-index: 10;
}

.logo a{
font-family: 'Audiowide-Regular', sans-serif;
margin-left: 10px;
font-size: 150%;
position: relative;
top: 9px;
color: springgreen;
}


a:hover {
text-decoration: none;
}

nav {

float: right;
right: 1px;
position: absolute;
margin: 10px;
}



nav a{

 position: relative;
color: #fff;
text-decoration: none;
font-size: 17px;
}

nav a:hover {
color: limegreen;
}



.wrapper {

margin: 0 auto;
top: 50px;
position: relative;
padding: 0 10px;
width: 75%;
min-width: 950px;

}


.column {
background-color: #27ae60;
padding: 10px;
border: 1px solid black;
border-radius: 10px;
box-shadow: 2px 2px 1px darkgrey;
z-index: -1;
}

.user_details {
width: 250px;
float: left;
margin-bottom: 20px;
}

.user_details_left_right {
width: 125px;
display: inline-block;
position: absolute;
}

.user_details img {
height: 125px;
border-radius: 5px;
margin-right: 5px;

}