@charset "utf-8";

@media print {#controls, .footer, .header { display:none; }
body { background: #ffffff; }}

header{
width: 100%;
height:20px;
background: #5A6773;
position: fixed;
left: 0;
top: 0;
float:right;	
}

#popup{
height:58px;
width:155px;
background-color:#666666;	
z-inwidth:185px;
border-radius:6px;
border:1px solid #4f4f4f;	
}

#popup_bar{
height:20px;
width:100%;
background-color:#E6E6E6;
border-radius:6px 6px 0 0;
text-align:center;
cursor:move;
}

.bodyy{
background-color: white;
width: 100%;
}

.svg-container{
stroke:black;
stroke-width:140;	
}

.footer{
width: 100%;
height: 40px;
background: #5A6773;
padding: 5px;
box-sizing: border-box;
position: fixed;
left: 0;
bottom: 0;
float:right;		
}

.face{
height: 35px;
float:left;
margin: auto;
}

.you{
height: 30px;
float:right;
margin: auto;
}


#random {
border: 2px solid #AFAFAF;
box-shadow: 1px 1px 4px black;
border-radius: 15px;
width: 30px;
height: 30px;
bottom: 3px;
position:relative;
transform: translateY(-40%);
}