@import "meal.css";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body { height: 100vh; }
body {
    /*font-size: 16px;*/
    display: flex;
    flex-direction: column;
    /* color: var(--main-font-color); */
    background-color: #e5e5e5;
}
body, textarea {
    font-family: 'Libre Caslon Display', serif;
}
main {
    flex: 1;
    height: 100%;
    padding: 2em;
}
.relative {
    position: relative;
}
.hide {
    display: none !important;
}
input[type="date"]
{
    display:block;
  
    /* Solution 1 */
     -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em; 
  
    /* Solution 2 */
    /* min-width: 96%; */
}