/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


/* ==========================================================================
   Author's custom styles
   /*========================================================================== */


      body{
      background-image: url(../img/fge.jpg);
      background-repeat:no-repeat;
      width: auto;
      height: 100%;
      margin: 0;
      padding: 0;

      }

      h1{
      height:100px;
      display:flex;
      justify-content: center;
      font-size:20px;
      color: white;
      margin-bottom: 10px;
      margin-top: 10px;
      padding-top: 50px;
      }

      #blocordi{
      display: flex;
      flex-direction: row;
      justify-content:center;
      margin-top: 20px;

      }

      #choix0{
   /*background-color: black;*/
      }

      #bloc{
      display: flex;
      justify-content: space-around;



      }

      #jeu{
   display: flex;
justify-content:center;
margin-top: 50px;
      }

      #choixOrdinateur{
      width: auto;
      justify-content:center;
      height:50px;

      }

      .image{
   display: flex;
   justify-content:space-between;
   /*width:auto;*/
    height:50px;
    margin-bottom: 20px;
      }

      #pierre{
        padding-bottom: 12px;
      }

      #papier{
      padding-bottom: 12px;
      }

      #ciseau{
      padding-bottom: 12px;
      }


    #score{

   display:flex;
    font-family: 'Oxygen', sans-serif;
 justify-content: center;
margin-bottom: 12px;
font-size: 20px;
   border-color: white;
   color: white;


      }

      footer{
text-align: center;

      }
      }




   @media screen and (max-device-width: 1024px) and (orientation: landscape){
   border:0;
   width:100%

   body{
   background-image: url(../img/3718.jpg);
   background-repeat:no-repeat;
   /*height:1024px;*/
   margin: 0;
   padding: 0;

   }

   h1{
   height:100px;
   display:flex;
   justify-content: center;
   font-size:20px;
   color: white;
   margin-bottom: 10px;
   margin-top: 10px;
   padding-top: 50px;
   }

   #blocordi{
   display: flex;
   flex-direction: row;
   justify-content:center;
   margin-top: 20px;

   }

   #choix0{
/*background-color: black;*/
   }

   #bloc{
   display: flex;
   justify-content: space-around;



   }

   #jeu{
display: flex;
   justify-content:center;
   /*height: 100px;
   width:auto;*/
   }

   #choixOrdinateur{
   width: auto;
   justify-content:center;
   height:50px;

   }

   .image{
display: flex;
justify-content:space-between;
/*width:auto;*/
 height:50px;
 margin-bottom: 20px;
   }

   #pierre{
     padding-bottom: 12px;
   }

   #papier{
   padding-bottom: 12px;
   }

   #ciseau{
   padding-bottom: 12px;
   }


 #score{
display: flex;
justify-content:center;
font-family: 'Oxygen', sans-serif;
font-weight: bold;
border-style:solid;
border-width: 2px;
border-color: white;
color: white;


   }
   }

   @media only screen and (max-device-width:980px) {


body{
background-image: url(../img/3718.jpg);
background-repeat:no-repeat;
height:980px;
margin: 0;
padding: 0;

}

h1{
height:100px;
display:flex;
justify-content: center;
font-size:20px;
color: white;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 50px;
}

#blocordi{
display: flex;
flex-direction: row;
justify-content:center;
margin-top: 20px;

}

#choix0{

}

#bloc{

display: flex;
justify-content: space-around;



}

#jeu{

display:flex;
justify-content:center;
height: 50px;
}

#choixOrdinateur{
width: auto;
justify-content:center;
height:50px;

}

.image{

display: flex;
justify-content: center;
width:20%;
}

#pierre{
display: flex;
justify-content: center;
padding-bottom: 12px;
}

#papier{
padding-bottom: 12px;
}

#ciseau{
padding-bottom: 12px;
}


#score{

font-family: 'Oxygen', sans-serif;
font-weight: bold;
border-style:solid;
border-width: 2px;
border-color: white;
margin-left: 15px;
margin-right:15px;
margin-bottom:15px;
color: white;
display: flex;
justify-content: center;
/*padding-top: 0px;*/
height: 20px;

}

footer{
height: 50px;
color: white;
margin-top: 40px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
}