#demo-notif{margin-top:150px;text-align:center}#demo-notif button{border:solid 2px #fff;padding:40px;min-width:10%;margin-top:2%;margin-left:1%;text-align:center;font-weight:700;margin-bottom:2%;cursor:pointer}.notification{display:none}.dark-back{position:fixed;z-index:2;top:0;opacity:.9;background-color:#000;width:100%;height:100%}.win8-notif-body{position:fixed;z-index:3;top:30%;margin:0;text-align:left;min-height:20%;padding:40px 20% 40px 20%;font-family:sans-serif}.win8-notif-body h3{font-size:1.5em}.win8-notifiy-body p{font-size:1em}.win8-notif-button{border:solid 2px #fff;padding:10px;min-width:10%;display:block;margin-top:2%;margin-left:2%;float:right;font-weight:700;margin-bottom:2%}.black{background-color:#272525;color:#fff}.black button{background-color:#423c3c;cursor:pointer;color:#fff}.black .win8-notif-body{background-color:#272525;color:#fff}.black button:hover{background-color:#b62c58}.green{background-color:#32b36a;color:#fff}.green button{background-color:#32b36a;cursor:pointer;color:#fff}.green .win8-notif-body{background-color:#32b36a;color:#fff}.green button:hover{background-color:#1d5c38}.teal{background-color:#008299;color:#fff}.teal button{background-color:#008299;cursor:pointer;color:#fff}.teal .win8-notif-body{background-color:#008299;color:#fff}.teal button:hover{background-color:#00a0b1}.blue{background-color:#2672ec;color:#fff}.blue button{background-color:#2672ec;cursor:pointer;color:#fff}.blue .win8-notif-body{background-color:#2672ec;color:#fff}.blue button:hover{background-color:#2e8def}.purple{background-color:#8c0095;color:#fff}.purple button{background-color:#8c0095;cursor:pointer;color:#fff}.purple .win8-notif-body{background-color:#8c0095;color:#fff}.purple button:hover{background-color:#a700ae}.dark-purple{background-color:#5133ab;color:#fff}.dark-purple button{background-color:#5133ab;cursor:pointer;color:#fff}.dark-purple .win8-notif-body{background-color:#5133ab;color:#fff}.dark-purple button:hover{background-color:#643ebf}.pink{background-color:#f472d0;color:#fff}.pink button{background-color:#f472d0;cursor:pointer;color:#fff}.pink .win8-notif-body{background-color:#f472d0;color:#fff}.pink button:hover{background-color:#bf1e4b}.red{background-color:#ac193d;color:#fff}.red button{background-color:#ac193d;cursor:pointer;color:#fff}.red .win8-notif-body{background-color:#ac193d;color:#fff}.red button:hover{background-color:#bf1e4b}.orange{background-color:#d24726;color:#fff}.orange button{background-color:#d24726;cursor:pointer;color:#fff}.orange .win8-notif-body{background-color:#d24726;color:#fff}.orange button:hover{background-color:#dc572e}.amber{background-color:#f0a30a;color:#fff}.amber button{background-color:#f0a30a;cursor:pointer;color:#fff}.amber .win8-notif-body{background-color:#f0a30a;color:#fff}.amber button:hover{background-color:#e3c800}.yellow{background-color:#e3c800;color:#fff}.yellow button{background-color:#e3c800;cursor:pointer;color:#fff}.yellow .win8-notif-body{background-color:#e3c800;color:#fff}.yellow button:hover{background-color:#f0a30a}.brown{background-color:#825a2c;color:#fff}.brown button{background-color:#825a2c;cursor:pointer;color:#fff}.brown .win8-notif-body{background-color:#825a2c;color:#fff}.brown button:hover{background-color:#f0a30a}