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

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


* {
    box-sizing: border-box;
}

html {
    font-family: Saira-Regular, sans-serif;
    background-image: linear-gradient(25deg,#d64c7f,#ee4758 50%);
    background-repeat: no-repeat;
    min-height: 150vh;
}

button {
    font-family: inherit;
    font-size: 1em;
    cursor: pointer;
}

body {  
    margin: 0px;
    scroll-behavior: smooth;
}

body::-webkit-scrollbar {
    width: 6px;
  }

body::-webkit-scrollbar-thumb {
    background-color: #6e47ee99;
}

::-webkit-scrollbar {
    background-color: #ee4758;
  }

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

input{
    outline: none;
}

:root {
    --pagePadding: 0% 40px;
  }

  .sticky{
    background-color: black;
 }