/* Root Variables */
:root {


  --font-color: #2E3192;
  --bg-color1: #25324D;
  --bg-color1-hover: #25329D;
  --bg-dark: #202B42;
  --light_bird_color: #92BDC4;
  --orange: #eb931d;

}





@import url('https://fonts.googleapis.com/css?family=Poppins');

html {
   /* -webkit-font-smoothing: antialiased;  */
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-color1);
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

body {
        margin: 0;
        padding: 0;
      
        color: var(--font-color);
        height: 100vh;
        -webkit-tap-highlight-color: transparent;
    }
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}



@media (max-width: 750px) {

    main {
        padding-top: 200px;

    }

}



.syne-regular {
  font-family: "Syne", serif;
  font-optical-sizing: auto;
  font-weight: 400; /* Regular weight */
  font-style: normal;
}

.syne-bold {
  font-family: "Syne", serif;
  font-optical-sizing: auto;
  font-weight: 700; /* Bold weight */
  font-style: normal;
}