@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

html,
body {
  position: relative;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  /* background-color: #484848;
  color: whitesmoke; */
  /* background-color: #f5f5f5;
  color: black; */
  min-height: 100%;
  box-sizing: border-box;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.dark-theme {
  animation: dark_transition 1s;
  background-color: #484848;
  color: whitesmoke;
}
.light-theme {
  animation: light_transition 1s;
  background-color: #f5f5f5;
  color: black;
}
@keyframes dark_transition {
  0% {
    background-color: #f5f5f5;
    color: black;
  }
  100% {
    background-color: #484848;
    color: whitesmoke;
  }
}
@keyframes light_transition {
  0% {
    background-color: #484848;
    color: whitesmoke;
  }
  100% {
    background-color: #f5f5f5;
    color: black;
  }
}