/* base */
html {
    margin: 0;
    padding: 0;
   display: flex;
    justify-content: center;
}

body {
max-width: 1200px;
display: grid;
    grid-template-rows: 1fr; /* Set the first grid row to take up the remaining vertical space */
    grid-template-columns: 1fr 1fr; /* Set two equal-width columns */
    gap: 12px; /* Set the gap between the columns */
}

@font-face {
    font-family: 'Noto Sans';
    src: url('assets/NotoSans-VariableFont_wdth\,wght.ttf') format('truetype');
    font-weight: normal;
}


/* global variables */


/* type */

h1, h2, h3, h4, h5, h6, p {
    /* your styles for headings here */ 
    margin: 0px;
    /* padding: 0px; */
    padding-top: 8px;
   font-family: 'Noto Sans'; 
   font-size: 1rem;

}


/* log */
.column {
    width: 1fr;
    height: 95vh;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: scroll;
}


.entry
{
display: flex;
flex-direction: column;
gap: 2px;
}


.log-date {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 16px;
    padding-right: 16px;
}



.test-section {
    display: flex;
    flex-direction: row;
    gap: 8px;
}