#alert{
    position: absolute;
    border-radius: var(--radius-lg);
    color: var(--txt);
    /* top: 0; */
    width: var(--alert-width);
    height: var(--alert-height);
    background-color: var(--alert-bg-color);
    background-image: var(--alert-bg-image);
    padding: 1rem;
    margin: 1rem;
    z-index: 6;
    box-shadow: var(--shadow);
    max-width:300px;
    max-height:250px;
    justify-content: center;
    align-items: center;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: flex;
}

button.close{
    background-image: url("Close.svg");
  }

@media (max-width : 512px) { 
    #alert{
        width: calc(100% - 1rem);
    }
}