Template:Notes/style.css

.notes-box{border:1px solid #ccc;padding:10px;margin:15px 0;border-radius:5px;font-size:16px;line-height:1.5}.notes-box.easy{background-color:#e6ffe6;border-color:#4caf50;color:#388e3c}.notes-box.warning{background-color:#fff3cd;border-color:#ff9800;color:#ff5722}.notes-box.info{background-color:#e0f7fa;border-color:#00bcd4;color:#00796b}

.isbutton a{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#349cd9;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}
.isbutton a:hover{display:inline-block;max-width:90%;height:auto;margin:10px auto 12px auto;text-align:center;background-color:#3681ad;color:#fff;text-decoration:none;border-radius:8px;padding:.7em 1em .7em;}

/** To do Back button **/
.isback .fancy{display:inline-block;min-width:100px;height:auto;margin:0 auto;padding:.5em;text-align:center;}
.isback a{background-color:#f1f1f1;color:#036;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.isback a:hover{background-color:#222;color:#fff;padding:.5em 1em .5em;text-decoration:none;text-align:center;}
.dazgallery{display:flex;gap:10px;}.dazgallery img{display:block;width:100%;height:320px;margin:10px auto 12px auto;border-radius:7px;box-shadow:0 0 1px #fff;transition: all .3s;}.dazgallery img:hover{box-shadow:0 7px 12px #999;}