html {
       height: 100%;
       overflow: hidden;  
}
body{
            
       background:  radial-gradient(#1AC9FF, #2D83EC );
       /* background: url(web_images/bg.png) no-repeat center center fixed; 
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       height: 100%; */
}
div {
       height: 200px;
}
div#outer {
       display: table;
       height: 100%;
       width: 100%;
}
div#container {
	display: table-cell;
       text-align: center;
       vertical-align: middle;
}
#paragraph {
	padding: 20px 0 30px 40px;
	margin: 0 auto;
	text-align: left;
	width: 560px;
	color: #146b9d;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana; 
 }
 .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.heart {
  width: 200px;
  height: 200px;
  background-color: red;
  transform: rotate(45deg);
  position: relative;
}

.heart::before,
.heart::after {
  content : '';
  display: block;
  width: 200px;
  height: 200px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
}

.heart::before {
  top: -100px;
  left: 0;
}

.heart::after {
  top: 0;
  left: -100px;
}