Problème fond

Bonjour,

je voudrais savoir comment enlever les bordures qui gâchent le fond de la page sur les bords de gauche et de droite, si quelqu'un pouvait m'éclairer ce serait très sympathique.
Merci d'avance !

html :

<!doctype html> 
<html>
<link rel="stylesheet" type="text/css" href="style.css"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 <head>
  <div id=debut>
   <h1>Mon Curriculum Vitae</h1>
  </div>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
  .parallax {
      background-image: url("parallaxmieux.jpg");
      min-height: 200px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  </style>
 </head>
 <body>
  <div class="parallax"></div>
  <div id=infos>
   <p>--------</p>
   <p>------------</p>
   <p>--------------</p>
   <p>------------------</p>
   <p>-----------------</p>
   <p>-----------------------------</p>
   <p>-------------------------</p>
  </div>
 </body>
</html>

css :

h1{
 font-family: Arial;
 font-size: 325%;
 font-weight: 525;
 color: #E6E6E6;
}
p{
 font-family: Arial;
 font-size: 160%;
 font-weight: 525;
 color: #F5A9A9;
}
a{
 font-family: Arial;
 font-size: 160%;
 font-weight: 525;
 color: #0000FF;
}
h2{
 text-align: right;
 font-family: Arial;
 font-size: 160%;
 font-weight: 525;
 color: #F5A9A9;
}
div#debut{
 background-image: url("terre.jpg");
}
body{
 background-image: url("terre.jpg");
}
/*<meta name="viewport" content="width=device-width, initial-scale=1"> 
<body background="terre.jpg"> */