@import url(https://fonts.googleapis.com/css?family=Lora);
* { -webkit-transition: all .3s ease-out!important;-moz-transition:  all .3s ease-out!important;-ms-transition: all .3s ease-out!important;-o-transition:  all .3s ease-out!important;transition: all .3s ease-out!important; }

body,html { margin:0;padding:0;height:100%;background-color:#2c3e50;overflow-x:hidden;}
body {background: linear-gradient(122deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.43) 100%) , url(../img/banner.webp) center center/cover no-repeat;}

#plume{display:flex;justify-content:center;align-items:center;height:95vh;padding:1rem;box-sizing:border-box}
#plume .content{max-height:80vh;overflow-y:auto}

blockquote{background:rgba(255, 255, 255, 0.2);border-radius:10px;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.2);margin-top:2rem;font-size: 1.05rem;
  font-family: Lora,serif;
  font-style: italic;
  line-height: 1.5;}
figcaption {
  padding-top: 1.3em;
}
.content {color:#000000;padding:3rem; }
cite {
  font-style: normal;
  font-size: 1rem;
  font-weight: 700;
}

footer { position:fixed;z-index:9;display:block;bottom:30px;right:30px;color:#fff; }
footer a { color:#fff; text-decoration: none; }




.rain-container { position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0; }
.raindrop,.splash { position:absolute; }
.raindrop { width:2px;height:30px;background:rgba(255,255,255,.6);border-radius:50% 50% 0 0;transform:rotate(0);animation:linear infinite fall;opacity:.7; }
@keyframes fall{ 0%{transform:translateY(-100vh);opacity:.7}100%{transform:translateY(100vh);opacity:0;} }
.splash { width:5px;height:2px;border-radius:50%;background:rgba(255,255,255,.5);animation:.3s ease-out splash-animation;opacity:0; }
@keyframes splash-animation{ 0%{transform:scale(.1);opacity:.9}100%{transform:scale(1.5);opacity:0;} }