html{font-size:20px}body{background-color:#f4f5f9;color:#111;font-family:"Brandon Text",sans-serif;line-height:1.5;margin:0;padding:0}.jif-header{background-image:linear-gradient(#f56e20,#eb3d41);box-sizing:border-box;color:#fff;padding:3rem 0;text-align:center}.jif-title{margin:0;padding:0;text-transform:capitalize}.jif-description{margin:0;padding:0}.jif-icons-wrapper{align-content:flex-start;align-items:center;box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;max-width:40rem;padding:1rem}.jif-icon-container{align-items:center;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex:1 11.75rem;min-width:11.75rem;margin:0 .5rem .5rem 0;opacity:.85;padding:1rem;transition:background-color .2s ease-out,opacity .2s ease-out,transform .2s ease-out}.jif-icon-container:active,.jif-icon-container:focus,.jif-icon-container:hover{background-color:rgba(255,255,255,.2);cursor:pointer;opacity:1;transform:scale(1.15)}.jif-icon{box-sizing:border-box;padding:8px}.jif-icon-name{color:#abb1c2;font-size:.8rem;text-align:center}#copy-success{align-items:center;background-color:rgba(255,255,255,.85);border-radius:4px;box-shadow:0 0 7px rgba(50,50,50,.3);display:flex;font-size:2rem;height:300px;justify-content:center;left:calc(50% - 150px);opacity:0;position:fixed;text-align:center;top:calc(50% - 150px);transform:scale(0) translateY(-50px);transform-origin:top;transition:opacity .2s ease-out,transform .2s ease-out;width:300px}#copy-success.visible{opacity:1;transform:scale(1) translateY(0)}