.softTransitions{
	 -webkit-transition: all .7s ease-in-out;
}
header#top-nav a.logo{
	-webkit-animation: rotate 15s infinite linear;
	border-right: none !important;
}

#container.night{
	 background-color: white;
	 -webkit-filter: invert(100%);
}
#container.night img, #container.night video{
	-webkit-filter: invert(100%);
}
#sidebar-longPost{
	overflow-y: scroll;
	float: left;
	position: fixed;
	height: 70%;
	width: 40%;
	right: 0px;
	background-color: #333;
	z-index: 9999;
	padding: 20px;


}
#sidebar-longPost *{
	box-sizing: border-box;
}
#sidebar-longPost img{
	width: 100%;
	padding-bottom: 700px;
}
#sidebar-longPost.closed, .closed{
	width: 0px;
	background: white;

}
.hidden{
	display: none;
}

/* animations */

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}