.note{color:#000;position:relative;width:18em;margin:0 auto;padding:20px;font-family:Arvo;font-size:14px;box-shadow:2px 5px 10px 6px rgba(100,100,100,.3);letter-spacing:normal!important}.note .author{display:block;margin:10px 0 0 0;text-align:right;font-family:Satisfy!important;text-transform:initial!important}.yellow{background:#feb719;-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);-ms-transform:rotate(6deg);transform:rotate(6deg)}.pin{background-color:#aaa;display:block;height:32px;width:2px;position:absolute;left:50%;top:-16px;z-index:1}.pin:after{background-color:#a31;background-image:radial-gradient(25% 25%,circle,hsla(0,0%,100%,.3),hsla(0,0%,0%,.3));border-radius:50%;box-shadow:inset 0 0 0 1px hsla(0,0%,0%,.1),inset 3px 3px 3px hsla(0,0%,100%,.2),inset -3px -3px 3px hsla(0,0%,0%,.2),23px 20px 3px hsla(0,0%,0%,.15);content:'';height:12px;left:-5px;position:absolute;top:-10px;width:12px}.pin:before{background-color:hsla(0,0%,0%,.1);box-shadow:0 0 .25em hsla(0,0%,0%,.1);content:'';height:24px;width:2px;left:0;position:absolute;top:8px;transform:rotate(57.5deg);-moz-transform:rotate(57.5deg);-webkit-transform:rotate(57.5deg);-o-transform:rotate(57.5deg);-ms-transform:rotate(57.5deg);transform-origin:50% 100%;-moz-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%}