.modal,.modal-box{z-index:900}.modal-trigger{text-align:center}.modal-sandbox{position:fixed;width:100%;height:100%;top:0;left:0;background:transparent}.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,.8);overflow:auto}.modal-box{position:relative;width:80%;max-width:920px;margin:100px auto;animation-name:modalbox;animation-duration:.4s;animation-timing-function:cubic-bezier(0,0,.3,1.6)}.modal-header{padding:20px 40px;background:#546e7a;color:#fff}.modal-body{background:#eceff1;padding:60px 40px}.close-modal{text-align:right;cursor:pointer}@-webkit-keyframes modalbox{0%{top:-250px;opacity:0}100%{top:0;opacity:1}}@keyframes modalbox{0%{top:-250px;opacity:0}100%{top:0;opacity:1}}*{font-family:"Roboto",sans-serif;font-weight:normal}p{line-height:1.4em}body{background:#b0bec5}button{border:1px solid #333;outline:0;color:#333}