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

html {
  scroll-behavior: smooth; }

:root {
  --dark-font: #2b2651;
  --gray-font: #9D9AAB;
  --main-blue: #4928ff;
  --green: #19cf8f;
  --grad-blue: #4928FF;
  --oxford-icon: #969FB3; }

.page {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.topnavigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  z-index: 999; }
  .topnavigation button {
    all: unset; }

main {
  margin-bottom: 60px;
  height: auto; }

.footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  width: 100%; }

@media screen and (max-width: 576px) {
  .footer {
    display: none; }
  .footer-mobile {
    display: block; }
  .page {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0; }
  main {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
  .topnavigation {
    position: fixed;
    top: -20px;
    width: 95%;
    z-index: 999;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    -ms-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px); }
    .topnavigation button {
      all: unset; } }

/*# sourceMappingURL=base.css.map */