.task {
    padding: 2%;
    margin: 5%;
    background-color: #ee7674;
    border: 20px solid #f9b5ac;
    border-radius: 30px;

    text-align: center;
    font-size: 200%;
    font-family: "Rubik Spray Paint", system-ui;
    font-weight: 400;
    font-style: normal;
    color: white;
}

.ctask {
    padding: 2%;
    margin: 5%;
    background-color: #12611e;
    border: 20px solid #0c4611;
    border-radius: 30px;

    text-align: center;
    font-size: 200%;
    font-family: "Rubik Spray Paint", system-ui;
    font-weight: 400;
    font-style: normal;
    color: white;
}

#ints {
    padding: 2%;
    margin: 5%;
    background-color: #ee7674;
    border: 20px solid #f9b5ac;
    border-radius: 30px;

    text-align: center;
    font-size: 500%;
    font-family: "Rubik Spray Paint", system-ui;
    font-weight: 400;
    font-style: normal;
    color: white;
}

#cmts {
    padding: 2%;
    margin: 5%;
    background-color: #12611e;
    border: 20px solid #0c4611;
    border-radius: 30px;

    text-align: center;
    font-size: 500%;
    font-family: "Rubik Spray Paint", system-ui;
    font-weight: 400;
    font-style: normal;
    color: white;
}

input[type=text]
{
    padding: 0.5%;
    margin: 5%;
    background-color: #ee7674;
    border: 20px solid #f9b5ac;
    border-radius: 30px;

    text-align: center;
    font-size: 120%;
    font-family: "Rubik Spray Paint", system-ui;
    font-weight: 400;
    font-style: normal;
    color: white;
}

body{
    background-color: #9dbf9e;
    display: block;
    grid-template-areas: 
    "incomplete complete"
    ;
}