mi problema es el siguiente estoy desarrollando una página mobile y el body no me abarca toda la página... anexo el HTML y CSS, el efecto que necesito es que abarque todo el espacio disponible sin ese margen que se aprecia he intentado diferentes configuraciones y no sé que pueda ser. He instalado la librería CSS Normalize y el problema persiste.
HTML
<body>
<div class="mcont" >
<header>
<h1>Iniciar Sesión</h1>
</header>
<div>
<form action="3-mobile.html" id="form">
<label for="correo">Email</label>
<input type="email" id="correo" placeholder="Introduce tu correo" >
</form>
</div>
</div> </body>
CSS
@media only screen
and (min-width: 320px)
and (max-width: 736px)
and (orientation: portrait)
{
body{
background-color: RGB(110,116,120);
width: 100%;
height: 100%;
}
.mcont{
text-align: center;
}
h1{
background-color: RGB(184,192,200);
color:black;
}