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

* {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  border: none;
  outline: none;
  font-style: normal;
  text-decoration: none;
}

:root {
  --limeRgb: rgb(0, 255, 0);
  --sageGreenRgb1: rgb(143, 151, 121);
  --sageGreenRgb2: rgb(120, 134, 107);
  --sageGreenRgb3: rgb(115, 130, 118);
  --sageGreenRgb4: rgb(115, 134, 120);
  --sageGreenRgb5: rgb(77, 93, 83);
  --whiteRgb: rgb(255, 255, 255);
}

body {
  background-image: linear-gradient(
    to top right,
    var(--sageGreenRgb5),
    var(--whiteRgb),
    var(--sageGreenRgb5)
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.photo {
  background-image: url("https://i.postimg.cc/tTG27t3x/IMG-2745.jpg");
}

.box-shadow {
  box-shadow: 5px 7px 14px -6px rgb(0, 0, 0, 0.4);
}

.show-animation {
  animation: showAnimation 500ms forwards;
  opacity: 0;
  scale: .95;
}

@keyframes showAnimation {
  from{
    opacity: 0;
    scale: .95;
  }
  to{
    opacity: 1;
    scale: 1;
  }
}