.notifyWrapper{
    display: none;
    gap: 30px;
    align-items: end;
    justify-content: start;
    flex-direction: column;
    width: 30%;
    height: calc(100vh - 20px);
    position: fixed;
    top: 0px;
    right: 10px;
    padding: 10px;
    z-index: 100000000;
    overflow-x: hidden;
    overflow-y: auto;
}


.notify_item{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    gap:10px;
    align-items: center;
    justify-items: center;
    background: white;
    /* background: #f2f2f295; */
    box-shadow: 0 1px 5px lightgray;
    backdrop-filter: blur(30px);
    
    
    border: 1px solid rgb(93, 156, 196);
    border-radius: 14px;
    padding: 10px;
    
    img{
        user-select: none;
    }
}

.notify_item:hover{
    box-shadow: 5px 0px 5px lightgrey inset;
    cursor: pointer;
}