@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');

html
{
    background-color: #6a836a;
    font-family: 'Rubik', sans-serif;
}

h1
{
    margin: 0;
}

img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

.header 
{
    margin: auto;
	width: 70%;
	height: 100px;
	background-color: #779277;
	text-align: center;
	color: #011302;
	border-radius: 8px;
}

#main
{
    padding: 8px;
    background-color: #537053;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
}

#salad-container
{
    background-color: #455f47;
    border-radius: 8px;
    margin: auto;
    margin-top: 8px;
    display: flex;
    width: fit-content;
}

#salad
{ /* max(calc(100vh*(3/2)), 100vw) max(calc(100vw*(2/3)), 100vh); */
    height: min(80vh, 80vw);
    width: min(80vw, 80vh);
    /* align-self: center; */
    display: flex;
    margin: auto;
}