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

body {
    font-family: 'Roboto';
    background: #F8F8F8;
    margin: 0;
}

.center-card {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px lightgray;
    text-align: center;
    width: 600px;
    height: 400px;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


input[type="submit"] {
    padding: 8px 0;
    background: #2f3640;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
}

input[type="submit"]:hover {
    background: #353b48;
}

.small-text {
    font-size: 11px;
}

.small-link {
    font-size: 11px;
    color: #3742fa;
    cursor: pointer;
}