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

html {
  font-size: 1rem;
}

* {
    box-sizing: border-box;
}

body {
/*
    color: #8f8f8f;
    background: white;
*/
/*    font-family: 'Roboto', sans-serif;*/
    font-family: 'Crimson Text', serif;
/*    font-size: 22px;*/
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color:inherit;
}
/*primary button css */

.primaryActionBtn{
    border-radius: 35px;
    letter-spacing: 2px;
    text-transform: capitalize;
    border: 2px solid rgba(255, 205, 60, 1);
    transition: 0.3s ease;
    color: white;
}
.primaryActionBtn:hover{
  background: rgba(255, 205, 60, 1);
  color: rgba(1, 1, 1, 1);
   border: 2px solid rgba(255, 205, 60, 1);
}

/*secondary button css */
.secondaryActionBtn{
    border-radius: 35px;
    letter-spacing: 2px;
    text-transform: capitalize;
    border: 2px solid rgba(255, 205, 60, 1);
    background: rgba(255, 205, 60, 1);
    transition: 0.3s ease;
    color: black;
}
.secondaryActionBtn:hover,secondaryActionBtn:active{
  background: black;
  color: white;
   border: 2px solid rgba(255, 205, 60, 1);
}
.bg-primary{
    background-color: #f8bf45 !important;
}
.bg-secondary{
    background:#f4f4f4 !important;
}
.primary-Heading{
    font-family: 'Karantina', cursive;
}
.lead{
    font-family: 'Crimson Text', serif;
}