*
{
    padding: 0; 
    margin: 0;  
}

body
{
    width:100%;
    height:100%;
    background-color: black;
}

#content_wrapper
{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:80vw;
    height:80vh;
    display:grid;
    justify-content: center;
    grid-template-rows:auto auto auto;
    color:white;
    font-size:2vmax;
    grid-gap: 5px;
}

.ageinputelem
{
    width:5vmax;
    height:2.5vmax;
    text-align: center;
    font-size:2vmax;
    justify-content: center;;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#age_input
{
    text-align: center;
    display:inline-grid;
    grid-gap: 5px;
}

#age_input_p
{
    grid-row:1;
    grid-column:2;
    display:inline;
}

#day_of_birth_wrapper
{
    grid-row:2;
    grid-column:1;
    display:inline;
    padding:10px;
}
#month_of_birth_wrapper
{
    grid-row:2;
    grid-column:2;
    display:inline;
    padding:10px;
}
#year_of_birth_wrapper
{
    grid-row:2;
    grid-column:3;
    display:inline;
    padding:10px;
}

#test_input
{
    text-align: center;
    display:inline-grid;
    grid-gap: 5px;
}

#test_input_p
{
    grid-row:1;
    grid-column:2;
    display:inline;
}

#day_of_test_wrapper
{
    grid-row:2;
    grid-column:1;
    display:inline;
    padding:10px;
}
#month_of_test_wrapper
{
    grid-row:2;
    grid-column:2;
    display:inline;
    padding:10px;
}
#year_of_test_wrapper
{
    grid-row:2;
    grid-column:3;
    display:inline;
    padding:10px;
}

#age_result
{
    text-align: center; 
}

#test_input
{
    text-align: center;
}

#age_result
{
    color:white;
}

#age_calc
{
    color:white;
    background-color:red;
    width:fit-content;
    font-size:2vmax;
    cursor:pointer;
}

#age_result_loc
{
    color:white;
    float:right;
}

#refreshWrapper
{
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0%);
    font-size:2vmin;
}

#refreshButton
{
    font-size:2vmin;
    cursor:pointer;
}