.canvas {
	background: #fffbb7;
	border-radius: 10px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	resize: both; /*why it is not working?:( */
	box-shadow: 0 0 10px black;
      top: 100px;
      position: absolute;
}
#titleBox {
	user-select: none;
	width: 100%;
	height: 55px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#title, .closeButton {
	display: inline-block;
}
#titleBox > #title { 
	/*background: ;*/
	padding: 9px;
	font-size: 26px;
	/*font-family: 'Indie Flower', cursive;*/
	width: 82%;
}
#titleBox > .closeButton {
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: right
}
.closeButton > img {
	height: 25px;
	margin: 5px;
	/*margin-left: 100px;*/
	transition: all ease .5s ;
	filter: opacity(50%);
	margin-top: 15px;
    margin-right: 12px;
}
.closeButton > img:hover {
	cursor: pointer;
	filter: opacity(100%);
}
.closeButton > img:active {
	padding: 0px;
} 
#textBox > textarea {
	padding: 5px;
	width: 95%;
	background: #fffbb7;
	border-radius: 5px;
	box-shadow: inset 0 0 20px rgba(0,0,0,.3);
	font-size: 18px;
	resize: none;
	color: black;
	outline: none;
	margin-left: 4px;
}
#titleBox > #title > input {
	padding: 5px;
	width: 95%;
	background: #fffbb7;
	border-radius: 5px;
	box-shadow: inset 0 0 20px rgba(0,0,0,.3);
	font-size: 22px;
	color: black;
}
#titleBox > #option {
	position: absolute;  
}
#option > select {
	background-color: #ff6767;
	border: none;
	font-family: 'Indie Flower', cursive;
}  
.pulsantiera > img {
	height: 25px;
	margin: 5px;
	/*margin-left: 100px;*/
	transition: all ease .5s ;
	filter: opacity(50%);
	float: right;
}
.pulsantiera > img:hover {
	cursor: pointer;
	filter: opacity(100%);
}
.pulsantiera > img:active {
	padding: 0px;
} 
.pulsantieraPostItCommon{
	float: left;
}
.pulsantieraPostIt{
	float: right;
}