body{height:100vh;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:300;text-align:center;background:#3023ae;background:linear-gradient(60deg,#3023ae,#c86dd7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3023ae",endColor="#c86dd7")}button{cursor:pointer}ul{text-align:left;padding:10px;list-style:none;background:#fff;border-radius:10px;box-shadow:3px 4px 14px 0 rgba(0,0,0,.39)}li,ul{margin:10px}li{padding:15px;font-style:italic;border-bottom:2px solid rgba(0,0,0,.2)}li,li>button{font-size:1em}li>button{border:none;background-color:#fff;float:right;opacity:.6;transition:opacity 1s}li>button:hover{opacity:1;transition:opacity 1s}.title{font-family:Dancing-Script,cursive;color:#fff;font-size:5em;text-shadow:3px 5px #000}.text-center{text-align:center}.button{background-color:#000;border:none;color:#fff;border-radius:30px;font-size:1em;padding:20px 50px}#modal{text-align:left;margin:10px;padding:10px;list-style:none;background:#fff;border-radius:10px;box-shadow:3px 4px 14px 0 rgba(0,0,0,.39)}#modal>h1{font-weight:300}input{width:100%;line-height:50px;text-indent:10px;font-size:1.2em}.danger{background-color:red;color:#fff;font-weight:700;padding:5px;margin-top:10px}