body {

    background-color: #efefef;

}



.modern-form {

    width: 95%;

    margin: 30px auto;

    background-color: #fff;

    border: solid 1px #ccc;

    padding: 20px 10px;

}



.modern-form h3 {

    text-align: center;

}

input {

    font-size:14px;

    padding:10px 25px 10px 10px;

    border:1px solid #CCC;

}



.input_wrapper {

    float:left;

    position:relative;

}



.input_wrapper .unit {

    position: absolute;

    right:10px;

    top: 5px;

    color:#000;

}

.grid-container {

    display: grid;

    grid-template-columns: 33.3% 33.3% 33.3%;

}