Почему footer не отображается в длине?

Сам css код (В самом низу footer):
{
margin: 0px;
padding: 0px;
}
html{
background: url("../img/cloud.png") center repeat;
background-size: cover;
}
body{
background-color: rgba(230, 211, 211, 0);
background-size: cover;

height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
}
header{
width: 1920px;
height: 150px;
background: linear-gradient (to center, rgba (0, 80, 131, 0.39);
}
#content {
height: 100%;
}
footer{
height: 25px;
background: linear-gradient (to center, rgba (0, 80, 131, 0.39);
flex: 0 0 auto;
}