@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
@import url(https://fonts.googleapis.com/css2?family=Poetsen+One&family=Poppins&display=swap);
:root{
      --primary_color: #1647C7;
      --primary_light: #728dd2;
      --light_grey: #dfdfdf;
      --opaque: rgba(0, 0, 0, 0.6);
}
body{
      scroll-behavior: smooth;
      font-family: "Poppins",sans-serif;
}
.header{
      font-family: "Poetsen One", sans-serif !important;
}

/* margin */
.mtop_50px{
      margin-top: 50px;
}

/* padding */
.p_10px{
      padding: 10px;
}

/* background */
.white_bg{
      background: white;
}

/* width */
.width_fc{
      width: fit-content;
}

/* flex */
.g_10px{
      display: flex;
      gap: 10px;
}
.d_none{
      display: none;
}
.align_center{
      display: flex;
      align-items: center;
}
.flexible{
      display: flex;
      justify-content: center;
      align-items: center;
}
.flex_column{
      display: flex;
      flex-flow: column;
}
.right{
      display: flex;
      justify-content: right;
      text-align: right;
}

/* border */
.red_border{
      border: 1px solid red;
}
.no_border{
      border: none !important;
      box-shadow: none !important;
}
.no_border:focus{
      box-shadow: none !important;
}

/* text */
.white_text{
      color: white !important;
}

/* other */
a{
      text-decoration: none;
      width: fit-content;
      display: flex;
      gap: 10px;
}
.underline_link{
      text-decoration: underline;
}

@media screen and (min-width : 600px) {
      .min_width_resp{
            width: 90%;
            margin: auto !important;
      }
}