@font-face {
    font-family: "Lindsay";
    src: url('Lindsay2023-Regular.ttf') format("truetype");
    font-weight: normal;
    font-size: normal;
}

* {
    margin: 0;
}

.main-content {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100vw;
    max-width: 430px;
    height: 100vh;
    max-height: 744px;
}

a {
    color: black;
    text-decoration: none !important;
}

img {
    padding-top:15px;
    width: 235px;
    margin: 0 auto;
}

button {
      background:transparent;
      color: #000;
      padding:0.5rem 0.5rem;
      margin:0 0.5rem;
      font-size:1rem;

      border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 245px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
}

button.lined.thick{
   border:solid 3px #41403E;
}

button.dotted.thick{
   border:dotted 3px #41403E;
}

button.dashed.thick{
  border:dashed 3px #41403E;
}

button.lined.thin{
   border:solid 2px #41403E;
}

button.dotted.thin{
   border:dotted 2px #41403E;
}

button.dashed.thin{
  border:dashed 2px #41403E;
}

.button-column {
    align-content: center;
}

/*All classes below are related to fonts*/
/*<weight>: Use a value from 100 to 900*/

.outfit-company-title {
  font-family: "Lindsay", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-size: 50px;
  max-width: 320px;
  margin: 0 auto;
}

.outfit-address {
  font-family: "Lindsay", sans-serif;
  font-optical-sizing: auto;
  font-weight: 225;
  font-style: normal;
  font-size: 25px;
  max-width: 300px;
  margin: 0 auto;
}

.outfit-contact {
  font-family: "Lindsay", sans-serif;
  font-optical-sizing: auto;
  font-weight: 550;
  font-style: normal;
  font-size: 20px;
  max-width: 300px;
  margin: 0 auto;
}

.cursive-highlight {
  font-family: "Lindsay", cursive;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.cursive-highlight-end {
    padding-right: 3px;
}

.button-text {
  font-family: "Lindsay", cursive;
  font-optical-sizing: auto;
  font-weight: 550;
  font-size: 20px;
  font-style: normal;
}

.resize {
  font-size: 15px;
  font-weight: 100;
}

/* end of font related clases*/

hr {
    width: 250px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

.hr-top {
    margin-top: 0;
}

button {
    display: block;
    margin: 0 auto;
    width: 175px;
    padding: 7px 0;
    margin-top: 13px;
}

button:active {
    background-color: rgb(194, 172, 140);
    color: #fff;
}