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

body {
  font-family: Roboto;
  overflow-x: hidden;
}

.header-container {
  display: flex;
  flex-grow: 1 0 auto;
  font-family: Roboto;
  font-size: medium;
  padding: 1em;
  align-items: center;
  gap: 30px;
}

.nav-link {
  display: flex;
  justify-items: center;
  gap: 20px;
}

.header-search-hamburger {
  display: flex;
  margin-left: auto;
  gap: 20px;
}

.landingPage {
  position: relative;
  background: linear-gradient(
      90deg,
      rgba(22, 101, 219, 0.75),
      rgba(28, 202, 247, 0.75)
    ),
    url("https://cdn.aws.training/release/8b3b76c0c7411545a9f58c0340d93cb2/static/media/landingpage-header-bg-geometric.264ba327.svg");
  width: calc(100% + 200px);
  margin: 0px 0px 0px -100px;
  padding: 30px 0px 84px;
  border-bottom-left-radius: 50% 95px;
  border-bottom-right-radius: 50% 95px;
}

.landingPage > #landingTitle {
  font-size: 40px;
  font-weight: 500;
  margin-left: 120px;
  margin-bottom: 20px;
  color: white;
}

.landingPage > #landingText {
  font-size: 25px;
  font-weight: 300;
  margin-left: 120px;
  margin-bottom: 20px;
  color: white;
}

.landingPage > .create-acc-btn {
  background-color: rgb(22, 25, 31);
  color: white;
  padding: 0 40px;
  border: none;
  font-size: 14px;
  height: 48px;
  align-items: center;
  margin-left: 120px;
  margin-bottom: 10px;
}

/* section:nth-child(odd) {
 
} */

.cloud-essential {
  padding: 32px 16px;
  color: rgb(84, 91, 100);
  font-weight: 300;
}
.neg-margin {
  margin-top: -100px;
  padding-top: 115px;
}

.cloud-essential:nth-child(odd) {
  background-color: rgb(234, 237, 237);
}

.gradient {
  position: relative;
  background: linear-gradient(90deg, rgb(22, 101, 219), rgb(28, 202, 247));
  height: 4px;
}

.essential-header {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 8px 0;
}

.essential-discription {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0 0 16px 0;
}

.essential-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 26px;
}

.card-data {
  background-color: #000;
  padding: 16px 24px;

  box-shadow: rgba(22, 25, 31, 0.2) 0px 4px 6px 0px;
}

.card-data:hover {
  transition: box-shadow 0.3s, transform 0.3s, background-color 0.3s;
}

.card-title {
  color: #232f3e;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.card-features {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
  /* text-transform: uppercase; */
  font-size: 12px;
  font-weight: 400;
}

.card-features > ul {
  text-transform: uppercase;
}

.card-features > ul:first-child {
  color: rgb(22, 101, 219);
}

.card-info {
  color: rgb(84, 91, 100);
  text-transform: none;
}

.more-details-link {
  display: flex;
  color: rgb(77, 39, 170);
  text-decoration: underline;
  justify-content: flex-end;
}