.modal {
    display: none; /* Hidden by default */
    position: fixed;
    top:110px;
    right: 30px;
    z-index: 1000000;
}
.modal-content {
background-color: #04ce5c;
color: #fff;
padding: 10px 15px;
min-width: calc(300px - 30px);
border-radius: 5px;
box-shadow: 0 0 15px rgba(#000,0.5);
}
.modal-content.wrong{ background-color: #d06936;}
.modal-content p{
margin-bottom: 0;
}
.close {
float: right;
font-size: 26px;
font-weight: bold;
line-height: 1;
color: rgba(#000,0.4);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}