html
{
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;

    min-height: 100vh;

    display: flex;
    flex-direction: column;

    font-family: 'Segoe UI', sans-serif;

    background-color: #fcf8f2;

    background-image:
        linear-gradient(
            to bottom,
            #fcf8f2 0%,
            rgba(252,248,242,0.8) 20%,
            rgba(252,248,242,0.6) 80%,
            #fcf8f2 100%
        );

        /* url("/home/img/background_03.png"); */

    /* background-repeat: no-repeat; */

    /* background-position: center 390px; */

    /* background-size: 100% auto; */
}

main 
{
  flex: 1;
  margin-top: 2px;
  border-top: solid 3px #9e7448;
}


/* body {
	background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
	radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
	radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
	background-size: 110px 200px;
	background-repeat: repeat-x;
}

 */