Eldin Ring Message Generator

body{font-family:Cormorant,serif;background-image:url("https://cdn-daach.nitrocdn.com/SpoIxabwtSgbLavVdgMQUBJRnZircTEL/assets/static/optimized/rev-fe4215c/assets/17/74/4ba71b44024998da97a519f5ba600905.17744025-4e9e-4ef1-a62d-e656fce375e3.jpg");background-repeat:no-repeat;display:flex;align-items:center;height:auto;width:100vw;background-size:cover;min-height:100vh;margin:0px;}aside#sidebar{background:rgba(224,221,188,.81);backdrop-filter:blur(3px);}div#app{display:flex;width:90%;margin:0 auto;max-width:1400px;}aside#sidebar{width:25%;border-radius:10px;box-shadow:1px 5px 10px rgba(0,0,0,.19);}div#aside-inner{display:flex;flex-direction:column;}section#main,#main-inner{width:100%;}div#app > *{margin:20px;}div#saved-messages{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:90%;margin:0 auto;}.message-card p{font-size:22px;}.message-card{width:32%;height:150px;box-shadow:1px 5px 10px rgba(0,0,0,.19);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:25px;box-sizing:border-box;background:rgba(213,213,213,.96);backdrop-filter:blur(11px);opacity:0;transform:translateY(20px);}.message-card:hover{background:white;transition:.3s;}div#message-box{background:white;margin:0 auto;height:130px;margin-bottom:10px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;width:90%;max-width:1400px;}div#message-box button:hover{background:#7e6b00;}div#message-box button{all:unset;width:48%;text-align:center;background:black;padding:8px;box-sizing:border-box;color:white;margin:5px;align-self:flex-end;border-radius:5px;font-size:24px;transition:all .3s;cursor:pointer;}div#message-box p{width:100%;text-align:center;font-size:155%;font-weight:600;color:#424242;padding-top:10px;margin:0px;}.message-card svg{position:absolute;width:20px;bottom:5px;transition:all .1s;right:10px;cursor:pointer;}svg.share{right:39px;}path{pointer-events:none;}.message-card svg.trash:hover{fill:#e40d0d;}.message-card svg.share:hover{fill:#0da7e4;}aside#name-modal{transition:translateY(20px);opacity:0;position:fixed;z-index:999;background:linear-gradient(45deg,#9f9d69,#dacf99);width:500px;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:20px;left:calc(50% - 250px);top:23%;text-align:center;box-shadow:-1px 11px 10px rgba(0,0,0,.38);}aside#name-modal h3{font-weight:600;font-size:32px;margin:0px;}aside#name-modal input:focus{border:none;}aside#name-modal input{width:100%;border:none;background:#ebebeb;font-size:30px;border-radius:20px;padding:5px 10px;font-family:"Cormorant";}input#name:focus{outline:none;}div#modal-screen{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.31);top:0;left:0;opacity:0;}aside#name-modal h3,aside#name-modal p{width:100%;}aside#name-modal input{width:78%;}aside#name-modal button{width:13%;border:none;font-family:"Cormorant";font-weight:600;font-size:20px;padding:12px 10px;border-radius:0px 20px 20px 0px;position:relative;bottom:4px;background:black;right:18px;color:white;cursor:pointer;}div#modal-inner{width:100%;}button#submit-name:hover{background:#ada975;color:black;transition:all .3s;}span#tarnished:hover{background:#e7e7e7;}span#tarnished{margin-right:auto;margin-left:20px;font-size:24px;transition:all .3s;cursor:pointer;}@media (max-width: 767px){#name-modal{width:100% !important;height:100vh;top:-21px !important;left:0px !important;padding:0px !important;border-radius:0px !important;justify-content:flex-start !important;}button#submit-name{font-size:14px !important;padding:16px 10px !important;}.message-card{width:100%;}div#message-box{height:auto;min-height:163px;}div#message-box button{width:46%;}span#tarnished{font-size:17px;padding:8px;font-weight:600;}div#app{width:100%;margin-top:30px;}section#main{margin:0;}aside#name-modal input{width:73%;margin-left:16px;}}body.nitro-lazy{background-image:none !important;}