html, body {
    margin: 0;
    padding: 0;
}
body { min-height:540px; }     
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }

.add-button {
    margin: 0 auto;
    cursor: pointer;
}
.popup {
    width: 100%;
    text-align: center;
    position: absolute;
    top:65%;
}
.popup-modal {
    width: 300px;
    margin: 0 auto;
}
.box {
    height: 75px;
    background-color: rgb(255, 255, 255, 0.8);
    width: 100%;
    float: left;
    border-radius: 5px;
    border: 1px solid silver;
}
.logo {
    float: left;
    width: 30%;
}
.logo button {
    margin-top: 14px;
}
.text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    float: left;
    width: 60%;              
}
.text-info {
    letter-spacing: 2px;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: bold;
}
.buttons {
    margin-top: 10px;
    width: 100%;
}
.modal-buttons {
    border: 1px solid #542CFC;
    border-radius: 4px;
    background-color: transparent;
    color: #6C4AF9;
    font-size: 12px;
    font-weight: bold
}
.cancel-button {
    float: left;
    cursor: pointer;
}
.add-button {
    float: right;
}