*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:10px;padding:5px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}::-webkit-scrollbar-track{background-color:#282828}::-webkit-scrollbar-thumb{background-color:#505050;border-radius:20px}::-webkit-scrollbar-button{padding:10px}body{font-family:Arial,Helvetica,sans-serif;background-color:#3e3e3e}a{color:inherit;text-decoration:none}ul{list-style:none}.message{width:60%;background-color:#282828;font-size:14pt;color:#d3d3d3;margin:30 auto;padding:20px;border-radius:20px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center}.loader{width:70px;height:70px;border:5px solid lightgray;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.form{width:35%;margin:30px auto;padding:20px;background-color:#282828;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:20px;gap:20px;color:#d3d3d3}.form .input{position:relative;width:90%;display:flex;flex-direction:column;align-items:center;gap:10px}.form input{width:90%;height:35px;border-radius:20px;background-color:gray;color:#d3d3d3;font-size:12pt;padding-left:10px;border:none}.form textarea{width:90%;height:60px;border-radius:20px;background-color:gray;color:#d3d3d3;font-size:12pt;padding:10px;border:none;font-family:Arial,Helvetica,sans-serif}.form i{position:absolute;top:35px;right:10%;font-size:16pt;cursor:pointer}.form a{color:gray;font-weight:700}.form a:hover{color:#d3d3d3}.form button{padding:10px 20px;background-color:#39c7ff;color:#fff;font-size:14pt;border:none;border-radius:30px;cursor:pointer}.form button:hover{background-color:#83dcff}.form>div{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.modal{position:fixed;background-color:#000000b3;top:50%;left:50%;transform:translate(-50%,-50%);padding:1000px;border-radius:10px;box-shadow:0 0 10px #0000004d;z-index:1000}.error{color:red;text-align:center}.delete-modal{margin-top:-50px;width:40vw;background-color:#282828;color:#d3d3d3;font-size:14pt;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:20px;padding:20px;border-radius:20px}.delete-modal .buttons{display:flex;justify-content:center;gap:30px}.delete-modal .buttons button{padding:10px 20px;background-color:#39c7ff;color:#fff;font-size:14pt;border:none;border-radius:30px;cursor:pointer}.delete-modal .buttons button:hover{background-color:#83dcff}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1000px){.message{font-size:10pt}.form{width:70%}}@media (max-width:620px){.delete-modal{font-size:12pt;width:70vw}.buttons button{padding:5px 10px;font-size:12pt}}