.toast-root {
    position: relative;
}
.toast-parent {
    position: absolute;
    width:100%;
    top:0;
    left: 0;
    display: flex;
    justify-content: center;
    z-index: 9;
    pointer-events: none;
}
.toast {
    position: relative;
    top:-100px;
    margin: 5px;
    padding: 5px;
    min-width: 40vw;
    text-align: center;
    border-radius: 4px;
    background:#000000dd;
    color:white;
    font-size: large;
    transition: top 0.5s;

    font-family: 'Raleway', sans-serif;
}
.toast[active] {
    top:0px;
}