.form{
    position: fixed;
    top: 50%;
    left:50%;
    margin-top:-190px; /*-half of .formBody height -top-bottompadding (40)*/
    margin-left:-190px; /*-half of .formBody width -left-rightpadding (40)*/
    border: 2px solid black;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding:20px;
}
.formTitle{
    justify-self: center;
    margin: 5px;
}
.formTextArea{
    resize: none;
    height: 30px;
    width: 200px;
    font-size: 20px;
    align-content: center;
}
.formLabel{
    font-size: 20px;
}
.formBody{
    padding:10px;
    background-color: darkgray;
    width: 300px;
    height: 300px;
    text-align: center;
}
.formInput{
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.formSubmitButton{
    width: 100px;
}
#signUpLink{
    color: #0060FA;
    text-decoration: underline;
    cursor: pointer;
}
.closeFormButton{
    position: absolute;
    width: 20px;
    left: 5px;
    top:5px;
    cursor: pointer;
}
.closeFormButton:hover{
    transition: all;
    transform: scale(1.1);
}
.formError{
    font-style: italic;
    font-weight: bold;
    color: #FC2020;
}
.google-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: white;
  border: 1px solid #dadce0;
  border-radius: 6px;
  color: #3c4043;
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s, box-shadow 0.2s;
}

.google-btn img {
  width: 20px;
  height: 20px;
}

.google-btn:hover {
  background: #f7f8f8;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}