@import "fonts.css";
@import "header.css";
@import "main.css";
@import "footer.css";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* height: 100%; */
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f7ff;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

#wrapper {
  width: 18vw;
  height: 35vw;
  border-radius: 3vw;
  padding: 0.7vw;
  background: #fff;
  box-shadow: 8px 8px 8px 7px #d2d9da, inset -4px -3px 10px 3px #d2d9da;
  /* border: 1px solid green; */
}

#screen {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 2.5vw;
  background: linear-gradient(
    rgba(246, 246, 248, 1),
    rgba(22, 22, 24, 0.159) 300%
  );
}

/* commom */

.cursor {
  cursor: pointer;
}

.font-color-black {
  color: rgb(6, 6, 7);
}

.font-color-gray {
  color: gray;
}