.sidemenu {
position: fixed; 
padding: 10px; 
top: 0; 
left: -218px; 
opacity: 0.8; 
width: 200px; 
height: 100%; 
border-right: 20px solid #85417f; 
background-color: #f0ede9; 
font-family: calibri; 
font-size: 13px;
color: #544b50; 
text-align: justify;
-webkit-transition: all .7s ease-out; 
-moz-transition: all .7s ease-out; 
-o-transition: all .7s ease-out; 
transition: all .7s ease-out; 
z-index: 151234354
}
.sidemenu:hover {
opacity: 1;
border-right: 20px solid #52474c; 
left: 0px; 
-webkit-transition: all .7s ease-out; 
-moz-transition: all .5s ease-out; 
-o-transition: all .7s ease-out; 
transition: all .7s ease-out; 
}

.swap { /*efeito das imagens do post, após aberto*/
outline: solid 7px rgba(255, 255, 255, .5);
outline-offset: -7px;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.swap:hover { /*efeito das imagens do post, após aberto*/
outline: solid 0px rgba(255, 255, 255, .5);
outline-offset: 0px;
opacity: .80;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}

.anns {
background: #8aa195;
border-left: 3px solid #52474c;
border-right: 3px solid #c74076;
border-radius: 0px 5px 5px 0px;
font-size: 11px;
font-family: muli;
color: #FFFFFF;
text-shadow: 1px 1px 2px #DDA0DD;
width: 15px;
height: 8px;
overflow: hidden;
padding: 4px;
float: left;
margin: 2px;
-webkit-transition-duration: .5s;
}
.anns:hover {
width: 184px;
border-right: 3px solid #52474c;
border-left: 3px solid #c74076;
border-radius: 0px;
-webkit-transition-duration: .5s;
}