/*
Team Members:
    - Jaskarn Dhillon | 1200409
    - Benjamin Noje | 1190792
    - Kalem Sdao | 1185287

- Tailwind CSS was used to support the styling in this project
*/

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

.contact-container{
  background-color: #f2e0caff;
}
.contact-section-one {
    background-color: var(--section-light-primary-bgc);
}

.contact-section-one .contact-header {
    font-size: 4em;
    color: #3a3a3aff;
    padding-top: 50px;
    padding-bottom:20px;
  }

  .contact-section-one .contact-text{
    font-size: 1.5em;
    color: #3a3a3aff;
  }

.additional-info{
    margin-top: 20px;
}

.additional-info .additional-info-text{
padding: 2px;
}

.contact-button{
    background-color: #d7df21ff;
    transition: background-color 0.3s ease;
}

.contact-button:hover {
    background-color: #a8b61cff; 
  }

.privacy-button-one{
  background-color: #d7df21ff;
}

.privacy-button:hover{
  background-color: #d7df21ff;
}

.privacy-hero-text{
  font-size: 100px;
}

.privacy-svg{
    height:30%;
}

.privacy-policy-hero{
  height:100vh;
}

.privacy-more-details{
  margin-bottom:10rem;
  border-radius: 2rem;
}

.login-text-logo{
  height:6vh;
}

.hover-trigger .hover-target {
  display: none;
}

.hover-trigger:hover .hover-target {
  display: block;
}