.author,.pin{display:block}@font-face{font-family:Caveat;font-display:swap;font-style:normal;font-weight:400;src:local('Caveat Regular'),local('Caveat-Regular'),url('../fonts/caveat-v9-latin-regular-subset.woff2') format('woff2'),url('../fonts/caveat-v9-latin-regular-subset.woff') format('woff')}.quote-container{margin-top:30px;position:relative}.note{color:#009;position:relative;width:420px;margin:0 auto;padding:20px;font-family:Caveat;font-weight:700;font-size:30px;box-shadow:0 15px 10px 2px rgba(0,0,0,.3)}.tinydate{font-size:24px}.author{margin:18px 0 0;font-size:34px;text-align:right}@media screen and (max-width:512px){.note{color:#009;position:relative;width:320px;margin:0 auto;padding:10px;font-family:Caveat;font-weight:700;font-size:24px;box-shadow:0 15px 10px 2px rgba(0,0,0,.3)}.tinydate{margin-bottom:10px;float:right;font-size:20px}.author{display:block;margin:12px 0 0;font-size:28px;text-align:right}}@media screen and (max-width:320px){.note{color:#009;position:relative;width:280px;margin:0 auto;padding:10px;font-family:Caveat;font-size:20px;box-shadow:0 15px 10px 2px rgba(0,0,0,.3)}.tinydate{margin-bottom:10px;float:right;font-size:16px}.author{display:block;margin:14px 0 0;font-size:24px;text-align:right}}.note.yellow{display:flex!important;flex-direction:column!important;position:relative!important}.tinydate{order:-1!important;align-self:flex-end!important;margin-bottom:8px!important;float:none!important;position:static!important}.pin,.pin:after,.pin:before{position:absolute}.note>:not(.tinydate):not(.author):not(.tinydate)+br{display:none!important}@media screen and (max-width:512px){.note.yellow{gap:4px!important;padding:12px!important}.tinydate{font-size:18px!important}}@media screen and (max-width:320px){.note.yellow{padding:10px!important}.tinydate{font-size:16px!important}}.yellow{background:#ffb;-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);-o-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg)}.pin{background-color:#aaa;height:32px;width:2px;left:50%;top:-16px;z-index:1}.pin:after{background-color:#a31;background-image:radial-gradient(circle,hsla(0,100%,60%,.5) 25%,hsla(0,0%,0%,.1) 90%);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;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;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%}