.notes {
	background: #fde073;
	text-align: center;
	font-size:18px;
	border-radius: 15px;
	padding: 15px 3px 15px 3px;
	border-width: 1px;
	border: 2px solid grey;
    border-style: solid;
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	background-color:#36454f;
	background-color:red;
	background:#2B3840;
	background:var(--bg-stronger);
    background-image: linear-gradient(top, #f6f6f6, #eae8e8);
	display:block;
    margin :6px 0 6px 0;
	padding:0px auto;
	align-self:center;
	self-align:center;
	text-shadow:var(--text-shadow);
	color:var(--font-color);
}
.multinotes {
    position: absolute;
    z-index: 10000;
    top: 150px;
    background: #fde073;
	background-color: transparent;
    text-align: center;
    right:25%;
	left:25%;
	font-size:18px;
		
	color:var(--font-color);
    /*-webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
	text-shadow:var(--text-shadow);
			
	border-radius: 15px;

	
	border-width: 1px;
	border: 2px solid grey;
    border-style: solid;
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	background-color:#36454f;
	background-color:red;
	background:#2B3840;
	background:var(--bg-stronger);
    background-image: linear-gradient(top, #f6f6f6, #eae8e8);*/
	top:0;
	margin-top:10px;
	display:block;
	padding:0 4px 0 4px;
}

	
.cssanimations.csstransforms .multinotes,notes {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 3.0s 0.25s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 3.0s 0.25s 1 ease forwards;
}