/* global variables  */
:root {
    --bg-color:#3e3e82 ;
    --primary-color: #ffffff;
    --secondary-color: #FFCD39;
    --third-color:#B6B6FF;
    --font-para: 'Poppins', serif;
    --font-title: 'Poppins', serif;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body{
    background: var(--bg-color);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* make the tap effect on button and a tag disappear  */
html {
    -webkit-tap-highlight-color: transparent;
  }
  

a{
    color: unset;
    text-decoration: none;
}