* { box-sizing: border-box; } body {margin: 0;}.animate-fadeIn{animation-duration:1s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:fadeIn;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-slideInLeft{animation-duration:1s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:slideInLeft;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-slideInRight{animation-duration:1s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:slideInRight;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0px);opacity:1;}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0px);opacity:1;}}