@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:wght@200;400;700&display=swap");

body {
  margin: 0;
  height: 100vh;
  font-family: "Poppins";
}
.wrapper {
  overflow-x: hidden;
  position: relative;
}
* {
  box-sizing: border-box;
}

.ind {
  position: absolute;
  top: 0;
  left: 0;
  width: 10vw;
  height: 1rem;
  background-color: violet;
}

.container {
  display: flex;
  width: 300vw;
}
.col {
  display: flex;
  gap: 3em;
}
.col p {
  font-size: 0.8rem;
}

section {
  width: 100vw;
  padding: 20vw 10vw;
}
h1 {
  font-size: 3rem;
  margin: 0;
}

section p {
  font-size: 1.2rem;
  width: 50vw;
}

ul {
  list-style-type: none;
  display: flex;
  gap: 3em;
  width: 100%;
  height: 300px;
  padding: 0;
}
li {
  background: white;
  border-radius: 0.3em;
  flex-grow: 1;
}

section {
  height: 100vh;
}