]body{
  margin:0;
  background:#f8eeee;
  display:flex;
  justify-content:center;
 align-items:flex-start;
 min-height:100vh;
  font-family:Arial,sans-serif;
}

.portal{
  position:relative;
  width:390px;
  max-width:100vw;
 margin:auto;
}

.bg{
  width:100%;
  display:block;
}

.email{
  position:absolute;
  left:20%;
  top:80.5%;
  width:68%;
  height:3.7%;
  background:transparent;
  border:0;
  outline:0;
  color:white;
  font-size:15px;
 line-height:30px;
 padding-top:0px;
}

.checkbox{
  position:absolute;
  left:10.8%;
  top:85.2%;
  width:4.5%;
  height:2.3%;
 accent-color:#d9a441
  cursor:pointer;
}

.connect{
  position:absolute;
  left:9%;
  top:91%;
  width:82%;
  height:4.8%;
  background:transparent;
  border:0;
  cursor:pointer;
}

.terms-link{
  position:absolute;
  left:45%;
  top:97.2%;
  width:22%;
  height:2%;
}

.privacy-link{
  position:absolute;
  left:70%;
  top:97.2%;
  width:22%;
  height:2%;
}