* {
  padding: 0%;
  margin: 0%;
}

body {
  background-color: #ffffff;
}

.div-1, .div-2 {
  outline: 3px solid rgb(230, 120, 18);
  width: 60%;
  border-radius: 8px;
  padding-left: 70px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: 6px 5px 0px 5px hsl(210, 4%, 90%);
  margin: 0% auto;
}

.div-3 {
  outline: 3px solid rgb(230, 120, 18);
  width: 60%;
  border-radius: 8px;
  padding-left: 70px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  box-shadow: 6px 5px 0px 5px hsl(210, 4%, 90%);
  position: relative;
  top: 50px;
  margin: 0% auto;
}

h2 {
  padding-bottom: 10px;
}

h3 {
  padding-top: 5px;
}

a {
  cursor: pointer;
}

article {
  display: flex;
  flex-direction: column;
  margin: 0% auto;
  justify-content: center;
  gap: 50px;
  position: relative;
  top: 90px;
}

footer {
  background: #0a2237;
  position: absolute;
  top: 1000px;
  width: 100%;
  height: 250px;
}

.footer {
  display: flex;
  position: absolute;
  left: 150px;
  top: 60px;
  gap: 30px;
}

.last-img img {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 30px;
  left: 65px;
}

@media (max-width: 600px) {
  /* .div-after {
        outline: 3px solid rgb(230, 120, 18);
        width: 300px;
        border-radius: 8px;
        padding-left: 70px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        box-shadow: 6px 5px 0px 5px hsl(210, 4%, 90%);
        position: relative;
        top: 25px;
    } */

  /* .div-2 {
        display: none;
    } */

  .div-1,
  .div-2,
  .div-3 {
    box-shadow: none;
  }
}