Awesome Modal Template

by Kirubel Girma

HTML

<div class="mdlfiller">
  <div class="cxmdl"></div>
</div>

CSS

body{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: grey;
    margin: 0em;
}

.mdlfiller {
  height:100%;
  width:100%;
  background: white;
}

.cxmdl{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 30em;
  max-height: 15em;
  background-color: cornflowerblue;
  border-radius: .5em .5em .5em .5em;
}