@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Poppins:300,400,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300&display=swap');

.title {
  width: 100%;
  position: relative;
  align-items: left;
  height: 50px;
  font-family: 'Poppins';
  color: #000;
  font-size: 15px;
  margin-left: 70px;
}

.dot {
  color: green;
  margin-left: 3px
}

.organization {
  font-size: 28px;
  font-weight: 400;
  font-family: 'Lato';
  color: #000;
  margin-left: -1px
}

.productname {
  width: 100%;
  position: relative;
  align-items: left;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Lato';
  color: #000;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-top: -15px;
  margin-left: 70px;
}

.footerlinks {
  font-family: Manrope, sans-serif;
  font-weight: 300;
  font-size: 10px;
  color: rosybrown;
  margin-left: 70px;
  cursor: pointer;
  letter-spacing: 0.5px;
}

.copyrightdiv {
  align-items: left;  
  color:grey;
  font-family: Manrope, sans-serif;   
  font-size: 10px;
  font-weight: 300;  
  margin-left: 70px;
}

#toast-message {
  font-family: Manrope, Serif;   
  font-weight: 700;
  font-size: 16px;
  color: #b2000c;
  margin-left: 70px;
}