:root{
    --black: #242424;
    --white: #f5f5f5;
    --pill: #e0d4be;
    --red: #A21712;
    --blue: #171b7d;
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&display=swap");

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


body {
  font-family: "Poppins", sans-serif;
  position: relative;
  min-height: 100vh;
  background-image: url('../comPhotos/resized/1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.page-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media (hover: none) {
    *{
        scroll-behavior: auto !important;
    }
    body{
        background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,10,20,1) 30%, rgba(0,15,30,1) 50%, rgba(0,10,20,1) 70%, rgba(0,0,0,1) 100%);
      }
}