*{margin:0;padding:0}.container{width:100%;height:628px;background-image:url(img/xchristmas-1875877_960_720.jpg.pagespeed.ic.l7Rq9eRWtw.jpg);background-size:100%;background-repeat:no-repeat;position:absolute;z-index:-1;border-radius:5px}.left{left:15%}.middle{text-align:center;margin-right:auto;margin-left:auto;left:0;right:0}.right{right:15%}.mage{position:absolute;bottom:10px;width:180px;height:auto;transform-origin:50% 100%;animation:move 1.5s infinite}.mages{transform-origin:50% 82%;animation:walk 10s;width:100%;height:628px}#prenom{background-color:rgba(10,10,10,.1);border-radius:5px;color:rgba(255,255,255,1);position:absolute;right:15px;top:15px;font-family:'Oleo Script Swash Caps';font-size:50px;margin:10px;padding:0 10px;text-shadow:0 0 2px rgba(10,10,10,.4)}#message{color:rgba(255,255,255,1);font-family:'Oleo Script Swash Caps';font-size:50px;position:absolute;top:45vw;background-color:rgba(10,10,10,.1);width:100%;height:auto;text-shadow:0 0 2px rgba(10,10,10,.4)}@media screen and (max-width:300px){#prenom{background-color:rgba(10,10,10,.1);border-radius:2.5px;color:rgba(255,255,255,1);display:inline-block;font-family:'Oleo Script Swash Caps';font-size:25px;margin:5px;padding:0 5px;text-shadow:0 0 2px rgba(10,10,10,.4)}#message{color:rgba(255,255,255,1);font-family:'Oleo Script Swash Caps';font-size:25px;position:absolute;background-color:rgba(10,10,10,.1);width:100%;height:auto;text-shadow:0 0 2px rgba(10,10,10,.4)}}@keyframes move {
    0%   {
    	transform: rotate(-2.5deg);
    	/*transform: scale(1,1);*/
    }
    25%{
    	transform: scale(1,0.95);
    }
    50%  {
    	transform: rotate(2.5deg);
    	/*transform: scale(1,0.9);*/
   	}
   	75%{
   		transform: scale(1,0.95);
   	}
    100% {
    	transform: rotate(-2.5deg);
    	/*transform: scale(1,1);*/
    } 
}@-webkit-keyframes move {
    0%   {
      transform: rotate(-2.5deg);
      /*transform: scale(1,1);*/
    }
    25%{
      transform: scale(1,0.95);
    }
    50%  {
      transform: rotate(2.5deg);
      /*transform: scale(1,0.9);*/
    }
    75%{
      transform: scale(1,0.95);
    }
    100% {
      transform: rotate(-2.5deg);
      /*transform: scale(1,1);*/
    } 
}@keyframes walk {
  0%{transform: scale(0.5,0.5)}
  100%{transform: scale(1,1)}
}@-webkit-keyframes walk {
  0%{transform: scale(0.5,0.5)}
  100%{transform: scale(1,1)}
}