@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");

:root {
  --blue: #0058ff;
  --light-blue: #007bff;
  --white: #fff;
  --green: #2ccf6d;
  --nav-color: #e3f2fd;
}

html {
  scroll-behavior: smooth;
}

* {
  font-family: "Poppins", sans-serif;
}

body {
  overflow-x: hidden;
}

.small-footer-text {
  font-size: 0.9rem;
  opacity: 0.5;
}

@media screen and (max-width: 770px) {
  footer {
    flex-direction: column;
  }
}