home

by jayhilwig

HTML

<div class="home container">
  <p class="home heading">Verification</p>
  <p class="home text">Please solve this puzzle so we know you are a real person</p>
  <button>Next</button>

</div>

CSS

div.home {}

.container {
  border: 1px solid #111111;
  border-radius: 4px;
  width: 312px;
  padding: 12px;
}

.heading {
  font-size: 19px;
  font-family: 'AmazonEmber-Regular', 'Amazon Ember', sans-serif;
  text-align: center;
  font-weight: bold;
}

.text {
  font-size: 19px;
  font-family: 'AmazonEmber-Regular', 'Amazon Ember', sans-serif;
  text-align: left;
}



 button {
   background: #eff1f3;
   background: -webkit-linear-gradient(top, #f7f8fa, #e7e9ec);
   background: linear-gradient(to bottom, #f7f8fa, #e7e9ec) background: #e7e9ec;
   border-radius: 3px;
   border-color: #adb1b8 #a2a6ac #8d9096;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   display: inline-block;
   padding: 0;
   text-align: center;
   text-decoration: none !important;
   vertical-align: middle;
   font-family: "Amazon Ember", Arial, sans-serif;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   letter-spacing: normal;
   line-height: 19px;
   text-decoration: none solid rgb(17, 17, 17);
   text-align: start;
   text-indent: 0px;
   text-transform: none;
   vertical-align: baseline;
   white-space: normal;
   word-spacing: 0px;
   text-align: center;
   height: 29px;
   width: 312px;
   margin: 0px;
   padding: 0px 10px 0px 11px;
   max-height: none;
   min-height: 0px;
   max-width: none;
   min-width: 0px;
   position: static;
   top: auto;
   bottom: auto;
   right: auto;
   left: auto;
   float: none;
   display: block;
   clear: none;
   z-index: auto;
   list-style-image: none;
   list-style-type: disc;
   list-style-position: outside;
   overflow: visible;
   cursor: pointer;
   visibility: visible;
   transform: none;
   transition: all 0s ease 0s;
   outline-offset: 0px;
   box-sizing: border-box;
   resize: none;
   text-shadow: none;
   text-overflow: clip;
   word-wrap: normal;
   box-shadow: none;
 }

 button:hover {
   background: -webkit-linear-gradient(top, #e7eaef, #dadde1);
   background:...