@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Cal+Sans&family=Lexend:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.modal{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content{
    background-color: rgb(252, 252, 252);
    margin: 15% auto;
    padding: 20px;
    border: 2px solid black;
    width: 60%;
}

button{
    background-color: rgb(192, 192, 192);
    width: 100%;
    height: 100px;
    font-size: 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}