.frame{
  width: 405;
  height: 420;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
  border-radius: 40px;
  /* top: 500px; */
  top: 300px;
  border: 0;
}

.centerHorizontal{
  transform: translate(0%, 0);
}

.centerVertical{
  position: absolute;
  top: 50%; 
  transform: translate(0, -50%);
}

.inputFrame {
  width: 355px;
  height: 45px;
  background: #e2e2e2;
  border-radius: 60px;
}

.inputField{
  margin-left: 75px;
  margin-top: 3;
  background-color: #e2e2e2;
  font-size: 24px;
  width: 260px;
  height: 40px;
}

.icon{
  position: absolute;
  color: white;
  margin-left: 30;
}

.btnInfo{
  height: 45;
  margin-top: 20;
}

.forgotBtn{
  background-color: white;
  border: solid #2df5e4 3px;
  border-radius: 50px;
}

.loginBtn{
  background-color: #2df5e4;
  border: none;
  border-radius: 50px;
}

::placeholder {
    color: #cccccc;
}

.tcm {
  font-family: 'tcm';
}

@font-face {
  font-family: 'tcm';
  src: url(../src/tcm.ttf) format('truetype');
}