@import url('https://fonts.googleapis.com/css2?family=Gugi&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font-one: "Gugi", sans-serif;
  --font-two: "Montserrat", sans-serif;
  --font-three: 'Clash Display', sans-serif;
  --max-width: 1100px;
}

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

html, body{
    height: 100%;
    width: 100%;
    scroll-behavior: smooth;
    background: radial-gradient(#2bb3e3, #0a639b);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d4d4d4;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #757575;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555555;
}