/* taken from https://github.com/hongmomanu/hyperapp-modal  */
.modal-main{
    display: block;
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}
.modal-content{
    position: absolute;
    background-color: white;
    display: flex;
    top: 50%;
    left: 50%;
    flex-direction:row;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    border: solid 1px black;
    padding:  5px;
}
.modal-close{
    position:absolute;
    right:10px;
    width:10px;
    height:10px;
    top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.modal-message{
    display: flex;
    align-items: center;
    justify-content:center;
    flex:1;
}