<div class="parent">
  <div class="child">Nice!</div>
</div>
	
.parent {
  display: grid;
  place-items: center;
  height: 100%;
  background: #f3e1f4;
}

.child {
  width: 100px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #9d00a8;
  background: #e1a6d4;
  font-size: 26px;
  text-align: center;
  font-weight: 600;
}

body {
  font-family: 'Calibri';
  background: #000;
  height: 100%;
}

html {
  height: 97%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.