* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #e6f7ff;
    background-image: 
    linear-gradient(45deg, rgba(38, 0, 255, 0.5) 50%, transparent 50%),
    linear-gradient(-45deg, transparent 50%, rgba(38, 0, 255, 0.5) 50%);
    background-size: 50px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/* body {
    background-color: #b4d7c0;
    padding: 0;
    margin: 0;
    height: 100vh;
    background-image: repeating-linear-gradient(
        45deg,
        #283f59 0,
        #283f59 20px,
        transparent 20px,
        transparent 40px
    );
    display: flex;
    justify-content: center;
    align-items: center;
} */

.btn-container {
    width: 240px;
    height: 100px;
    background-color: rgb(74, 50, 214);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.btn-container button {
    display: inline-block;
    margin: 0 0.5rem 0 0.5rem;
    width: 80px;
    height: 40px;
    font-size: 0.9rem;
    border: none;
}

.btn-container button:hover {
    cursor: pointer;
    background-color: rgb(41, 26, 124);
    color: #fff;
}