*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%;box-sizing:border-box}body{margin:0;font-size:1.6rem;padding:1rem;font-family:monospace,sans-serif;background:linear-gradient(to bottom,#b8b8b8,#e9e9e9);text-align:center;color:#333;height:100%;min-height:100vh}h1{color:#444}.note-content{font-size:1.5rem;line-height:1.5;color:#222}.note-meta{margin-top:.6rem;font-size:1.2rem;color:#444}.inputs{display:flex;flex-direction:column;align-items:center;margin:.5rem 0;flex-basis:100%}textarea{width:30rem;height:10rem;padding:1rem;font-size:1.4rem;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;resize:none;outline:none;transition:width .3s ease}textarea,input[type=text]{width:100%;max-width:30rem;padding:1rem;font-size:1.4rem;border-radius:4px;border:1px solid #ccc;background-color:#f9f9f9;outline:none;font-family:inherit}#country{font-size:1.3rem;margin-bottom:.5rem}button{padding:1rem 2rem;background:#555;color:#fff;border:none;cursor:pointer;border-radius:4px;transition:background .3s ease}button.load{margin-top:2rem}button.disabled,button.disabled:hover{background:#888;cursor:not-allowed}button:hover{background:#333}.notes-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center}.note{max-width:40rem;padding:1.1rem;margin:.5rem;background-color:var(--note-color, #e0e0e0);box-shadow:2px 2px 5px #888;font-style:italic;transform:rotate(calc(var(--rotate) * 1deg));transition:transform .2s ease,background-color .3s ease;word-wrap:break-word;white-space:pre-wrap;border-radius:10px;display:inline-block;vertical-align:top;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) rotate(calc(var(--rotate) * 1deg))}to{opacity:1;transform:rotate(calc(var(--rotate) * 1deg))}}.rain{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.drop{position:absolute;bottom:100%;width:5px;height:8rem;background:#add8e669;animation:fall linear infinite}@keyframes fall{to{transform:translateY(120vh)}}.youtube-iframe{position:absolute;top:20px;right:20px;z-index:10;border-radius:10px;display:flex;flex-direction:column}.youtube-iframe iframe{border-radius:10px}@media (max-width: 960px){.youtube-iframe{display:none}.note{max-width:30rem}}@media (max-width: 768px){textarea{width:98%;height:80px}.notes-container{margin-top:20px}.note{width:100%;margin:8px;padding:10px}.youtube-iframe{position:relative;width:100%;height:auto;top:unset;right:unset;margin-top:20px}}@media (max-width: 480px){textarea,input[type=text]{width:100%;max-width:100%}textarea{height:70px;font-size:13px}button{width:100%;padding:1.2rem}.note{margin:6px;padding:8px}.youtube-iframe{height:200px}}.counter-cont{margin:3rem 0 2rem}