@charset 'utf-8';

:root {
    --default-bg-color: white;
    /* --bg-color: skyblue; */
    --header-height: 8.5em;
}

html, body {
    margin: 0;
    padding: 0;
}

.page-wrapper {
    background: var(--bg-color);
}

.header {
    height: var(--header-height);
    background: var(--default-bg-color);
}

.header h1 {
    background: var(--default-bg-color);
}

.main {
    margin-top: var(--header-height);
    padding: 10px 0;
}

.create-recipe {
    width: 2em;
    height: 2em;
    bottom: 3%;
    right: 3%;
    cursor: pointer;
}

.post-comment {
    bottom: 1%;
    left: 1%;
    cursor: pointer;
}