html,body{margin:0;padding:0}body *{box-sizing:border-box}body{font-family:Helvetica,sans-serif,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}p{line-height:26px;font-weight:300}a,a:visited{color:#e74c3c;text-decoration:none;font-weight:400;transition:all .4s ease-in-out}a:focus,a:hover{text-decoration:underline}.App{position:relative;width:100%;height:auto;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.App header{position:relative;width:100%;max-width:960px;margin:0 auto;text-align:center;padding:60px 40px}.App code{display:block;position:relative;color:#eee;background-color:#333;padding:10px;text-align:left;transition:all .4s ease-in-out}.App code:hover{background-color:#000}.App .fullImageZoom{width:100%}.App .container{position:relative;width:100%;max-width:960px;margin:0 auto;text-align:justify;padding:60px 40px}.App .container .gallery-picker{position:relative;width:100%;background-color:#ddd;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:10px;grid-row-gap:5px;margin:60px auto;padding:20px}.App .container .gallery-picker img{cursor:pointer;width:100%;border:5px solid #fff}.App .container .gallery-picker .img1{grid-area:1 / 1 / 2 / 2}.App .container .gallery-picker .img2{grid-area:2 / 1 / 3 / 2}.App .container .gallery-picker .img3{grid-area:3 / 1 / 4 / 2}.App .container .gallery-picker .FullImageZoom{grid-area:1 / 2 / 4 / 5}.App .container .gallery{position:relative;width:100%;background-color:#ddd;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin:60px auto;padding:20px}.App .container .gallery .gallery-img{width:100%;border:10px solid #fff;margin:5px auto}.App .container .demo-gallery{position:relative;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.App .container .demo-gallery .gallery-img{width:100%;border:10px solid #000;margin:5px auto;opacity:.9;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.App .container .demo-gallery .gallery-img:hover{transform:scale(.95);opacity:1}.App footer{position:relative;width:100%;background-color:#333;text-align:center;padding:20px;color:#fff}.npm-install{display:inline;background-color:#333;width:auto;padding:5px 10px;border-radius:3px;transition:all .4s ease-in-out}.npm-install:hover{background-color:#212121}.npm-install a,.npm-install a:visited{color:#eee}iframe{width:100%;margin:10px auto;border:none}@media all and (min-width: 768px){.App .container .gallery .gallery-img,.App .container .demo-gallery .gallery-img{width:calc(50% - 10px)}}