@font-face {
    font-family: 'AzoSans';
    src: url(../fonts/AzoSans/AzoSans-Regular.ttf);
}

.popup-button{
    max-width: fit-content;
    padding:12px;
    text-align:center;
    font-size:15px;
    border-radius:28px;
    margin:0 auto;
}
.modal-content{
    top:100px;
}
.popup-button{
    text-decoration: none;
}
.popup-button:hover{
    text-decoration: none;
}


/* fonts */
/*azo*/
.popup_azo_Regular{
    font-family:'AzoSans';
    font-weight: 400;
  font-style: normal;
}

.popup_azo_Bold{
  font-family: 'AzoSans';
  font-weight: 700;
  font-style: normal;
}

.popup_azo_Black {
  font-family: 'AzoSans';
  font-weight: 900;
  font-style: normal;
}

.popup_azo_Medium {
  font-family: 'AzoSans';
  font-weight: 500;
  font-style: normal;
}

.popup_azo_Semibold {
  font-family: 'AzoSans';
  font-weight: 600;
  font-style: normal;
}

.popup_azo_Heavy {
  font-family: 'AzoSans';
  font-weight: 800;
  font-style: normal;
}

.popup_azo_Semibold-Italic {
  font-family: 'AzoSans';
  font-weight: 600;
  font-style: italic;
}

.popup_azo_Heavy-Italic {
  font-family: 'AzoSans';
  font-weight: 800;
  font-style: italic;
}


.popup_azo_Medium-Italic {
  font-family: 'AzoSans';
  font-weight: 500;
  font-style: italic;
}

.popup_azo-Thin-Italic {
  font-family: 'AzoSans';
  font-weight: 100;
  font-style: italic;
}

.popup_azo-Light-Italic {
  font-family: 'AzoSans';
  font-weight: 300;
  font-style: italic;
}

.popup_azo_Regular-Italic {
  font-family: 'AzoSans';
  font-weight: 400;
  font-style: italic;
}

.popup_azo_Bold-Italic {
  font-family: 'AzoSans';
  font-weight: 700;
  font-style: italic;
}

.popup_azo_Black-Italic {
  font-family: 'AzoSans';
  font-weight: 900;
  font-style: italic;
}
/*lato*/

.popup_lato-Regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.popup_lato-Bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.popup_lato-Black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.popup_lato-Medium {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.popup_lato-Semibold {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.popup_lato-Heavy {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.popup_lato-Semibold-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.popup_lato-Heavy-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-style: italic;
}


.popup_lato-Medium-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.popup_lato-Thin-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.popup_lato-Light-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.popup_lato-Regular-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.popup_lato-Bold-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.popup_lato-Black-Italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/* bebas */
.popup_bebas-neue-Regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.popup_bebas-neue-Bold {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-style: normal;
}