:root {
  --text-color: rbg(0,0,0);
  --background-color: #292F33;
  --link-color: #292F33;
  --selection-color: hsl(0, 0%, 100%);
  --selection-background-color: #292F33;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-size: 100%;
  background: rgb(142, 142, 142);
  background: linear-gradient(90deg, rgb(142, 142, 142) 12%, rgb(69, 124, 139) 100%, rgb(29, 15, 15) 100%);
}

.wrapper {
  width: 100vw;
}

.page {
  margin: 2% 12%;
  padding: 1% 3.5%;
  background-color: #ffffff;
  font-size: 1.8rem;
  border: 1px solid #000000;
  border-radius: 5px 0 5px 0;
  letter-spacing: 1px;
  height: auto;
  overflow-x: auto;
  box-shadow: 1px 1px 3px #222222;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-card {
  margin: 1% 2%;
  padding: 2% 5%;
  display: grid;
  justify-content: center;
  background-color: #ffffff;
  font-size: 1.8rem;
  border: 1px solid #000000;
  border-radius: 5px;
  letter-spacing: 1px;
  height: auto;
  width: auto;
  overflow-x: auto;
  box-shadow: 1px 1px 3px #222222;
}

* {
  font-family: "Dosis", sans-serif;
}

a {
  color: var(--link-color);
  text-decoration: underline;
}
a:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

::-moz-selection {
  color: var(--selection-color);
  background-color: var(--selection-background-color);
}

::selection {
  color: var(--selection-color);
  background-color: var(--selection-background-color);
}

@media (max-width: 768px) {
  .page {
    margin: 0 7px 5px 7px;
    padding: 1% 2.5%;
  }
  .my-card {
    padding: 1% 2.5%;
  }
}/*# sourceMappingURL=index.css.map */