.container{background-color:#111315;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0}.card{width:360px;height:fit-content;display:flex;padding:10px 0 40px;flex-direction:column;align-items:center;border-radius:15px;background-color:#1a1d1f}.img{width:15px;height:34px;background-color:#ffd88d;border-radius:6px;margin-right:10px}.wrap{display:flex;align-items:center;color:#fff;width:88%;justify-content:space-between;padding-bottom:14px;margin-top:15px}.header{display:flex;justify-content:center;align-items:center}b>p{font-size:14px;color:#d3d3d3;font-weight:400}.icon{background-color:#808080be;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;justify-content:center;align-items:center}hr{width:100%;background-color:#0009;border:0;height:1px;margin-bottom:15px}em{color:#fff;margin-left:40px}i{color:gray;width:100%;margin-left:40px;margin-bottom:20px}.dateIcon{color:gray;margin-left:10px}.dateWrapper{width:88%;display:flex;align-items:center;height:65px;background-color:transparent;border-radius:17px;margin-bottom:20px}h2{margin-bottom:20px;margin-right:25px}.dateWrapper2{width:88%;display:flex;align-items:center;height:65px;background-color:transparent;border-radius:17px;margin-bottom:20px}strong{margin-bottom:10px;color:#fff}.dateTextWrap{margin-left:10px;font-size:14px}.dateTextWrap>p{color:gray;margin-bottom:3px}button{background-color:#1a66ff;border:0;outline:none;align-self:flex-end;margin-right:25px;padding:12px 11px;border-radius:17px;text-transform:capitalize;font-weight:600;color:#fff;cursor:pointer;font-size:12px;transition:all .5s}@media screen and (max-width: 500px){.card{width:330px}}@media screen and (max-width: 320px){.card{width:290px}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid rgb(26,102,255);width:40px;height:40px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh{cursor:pointer}*{margin:0;padding:0;overflow:hidden}body{font-family:Inter,sans-serif;font-family:Italiana,serif;font-family:Montserrat,sans-serif;font-family:"Noto Serif",serif;font-family:Poppins,sans-serif;font-family:Roboto,sans-serif;font-family:Work Sans,sans-serif}
