h1 {
  margin: 0px!important;
  font-family: "Montserrat";
  font-weight: 600; 
}

h3 {
  margin: 0px!important;
  font-family: "Montserrat";
  font-weight: 500; 
}

body {
  margin: 0px!important;
  padding: 0px!important;
}

th {
  font-family: "Montserrat";
  font-weight: 400; 
}

button {
  font-family: "Montserrat";
  font-weight: 400; 
}

div {
  font-family: "Montserrat";
  font-weight: 400; 
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
  font-style: normal;
  font-weight: 300 800;
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf");
  font-style: italic;
  font-weight: 300 800;
}

p {
  font-family: "Montserrat";
  font-weight: 300; 
}

.clickable:hover {
  cursor: pointer;
}

input {
  margin: 0px;
}

.clickable:hover {
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  h1 {
    font-size: 38px;
  }

  body {
    font-size: 18px
  }

  input {
    font-size: 18px;
  }

  .container {
    border: 1px solid #DADADA;
    border-radius: 15px;
    padding: 25px;
    margin: 25px;
  }
}


@media only screen and (min-width: 601px) {
  h1 {
    font-size: 42px;
  }

  body {
    font-size: 22px;
  }

  input {
    font-size: 22px;
  }

  .container {
    border: 1px solid #DADADA;
    border-radius: 15px;
    padding: 25px;
    margin: 25px;
  }
  
}