/* Googlefont Poppins CDN Link */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

:root {
  --primary: #1e90ff;
  --secondary: #ffffff;
  --accent: #ffffff;
  --highlight: #ffffff;
  --highlight2: #295531;
  --highlight3: #5c8c7a;
  --background: rgb(11, 11, 11);
  --background2: rgb(247, 247, 247);
  --text-dark: #1e1e1e;
  --border-gray: gray;
  --hover-primary: rgb(236, 236, 236);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
}


.home-section nav {
  display: flex;
  justify-content: space-between;
  min-height: 8vh;
  background: var(--background);
  display: flex;
  align-items: center;
  position: fixed;
  width: 100% ;
  z-index: 100;
  box-shadow: rgba(17, 17, 26, 0.05) 4px 1px 0px,
    rgba(17, 17, 26, 0.042) 4px 1px 8px;
  transition: all 0.5s ease;
  background: var(--background);
  color: whitesmoke;
}
.home-content {
  position: relative;
  padding-top: 70px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: var(--background);
  color: whitesmoke
}