@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');

body {
    font-family: sans-serif;
    font-family: 'Roboto Mono', monospace;
    background: lightgreen;
}

.import {
    padding-bottom: 0.2em;
}

.import input[type=text] {
    width: 630px;
}

.valid {
    background-color: limegreen;
}

.invalid {
    background-color: red;
}

.imported_square {
    background-color: lightgray;
}

.sudoku {
    border: 3px solid darkgreen;
    border-collapse: collapse;
}

.sudoku tr {
    padding: 0;
}

.sudoku td {
    padding: 0;
    border: 1px solid darkgreen;
    width: 2rem;
    height: 2rem;
}

.sudoku input {
    width: inherit;
    height: inherit;

    border: 0;
    font-size: 1rem;
    text-align: center;
}

.sudoku .thick_right {
    border-right: 3px solid darkgreen;
}

.sudoku .thick_bottom {
    border-bottom: 3px solid darkgreen;
}

/* --- */
.head-div img {
    filter: drop-shadow(00px 12px 1px rgba(17, 12, 46, 0.15)) !important
}

.sudoku-div {
    /* background: lightblue; */
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

marquee {
    padding: 1rem;
    border-radius: 10rem;
    box-shadow: inset 0px 0px 27px 11px rgba(0, 0, 0, 0.16);
}

marquee>span {
    border-radius: 5rem;
}

table {
    height: fit-content;
}

.btn-div {
    background: rgb(221, 255, 221);
}

input {
    outline: none !important;
    border: none !important;
}

input:focus {
    background: lavender;
}

.disc-div {
    text-align: justify;
}