@import url("header.css");
@import url("footer.css");
@import url("hero.css");
@import url("box.css");

body {
  font-family: 'Exo 2', sans-serif;
  background-color: #2E3192;
  color: #FFF;
  margin: 0;
  padding: 0;
  width: 100vw;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
}



button {
  all: unset;
}

p,h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

.main {
  position: relative;
  z-index: 1;
}

.main-box {
  display: flex;
  flex-direction:column;
  background: #FFF;
  border-radius: clamp(32px, 5vw, 96px);
  padding-bottom:  120px;
}



@media (min-width: 768px) {
  .flex {
    display: flex;
    gap: 12px;
  }
  .flex > span {
    flex: 1;
  }
}