:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#5a8ea8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes mymove{50%{background-position:bottom right}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{color:#fff}.to_from{color:#fff;padding:3px 7px 5px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid white;opacity:.5}.author{display:inline-block;margin-right:50px}.recipient{display:inline-block}.note-break{height:16px}#root{max-width:900px;margin:0 auto;text-align:left;color:#fff}.card-container{position:relative;min-height:100px}.card{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.app-container{position:relative;z-index:1;color:#fff}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#00000080;pointer-events:none}.title_top_left{position:fixed;top:11px;left:11px}.list_top_right{position:fixed;top:0;right:0}.logout_button{position:fixed;bottom:11px;right:11px}