select{
    background-color: transparent;
    outline: none;
    border: none;
}
.poster{
    background-image: url("https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/Outlook-new-Hero-Background-1600x560?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=2000&hei=700&qlt=100&fmt=png-alpha&fit=constrain");
    height: 85vh;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.buy{
    padding: 5px;
    padding: 5px;
    background-color: black;
    color: white;
    border-radius: 10px;
    box-shadow: 5px 5px grey;
}

.buy:hover{
    text-decoration: none;
    transition: ease-in-out;
    background-color: white;
    color: black;
}

.micro , .Outlook{
font-weight: bolder;
}
.container{
    display: flex;
    gap: 10px;
    text-decoration: none;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a{
    text-decoration: none;
    color: black;
    /* transition: 5s ease-in-out; */
}

a:hover{
    text-decoration:underline;
}

li{
    text-decoration: none;
    list-style: none;
}

.micro-logo{
    height: 20px;
}

ul{
    display: flex;
    margin-top: 0px;
    gap: 20px;
    margin-left:200px;
}

.email-image{
    flex-wrap: wrap;
    display: flex;
    height: 10vh;
    width: 70ch;
}
.email-image1{
    margin-left: 600px;
    margin-top: 70px;
    border-radius: 10px;
    box-shadow: 10px 10px grey;

}

@media(max-width:640px){
    .email-image1{
        display: none;
    }    
}

.blue-image{
    flex-wrap: wrap;
    height: 470px;
}

.text-outlookinside{
    position: absolute;
    top:120px;
    left: 130px;
}

.stay{
    position: absolute;
    top:220px;
    font-size: 16px;
    left: 130px;
}

#button-1{
    position: absolute;
    top:300px;
    left: 130px;
    height: 40px;
    font-size: 15px;
    background-color: black;
    color: white;
    border-radius:  9px;
    flex-wrap: wrap;
    box-shadow: 5px 5px grey;
}

#button-2{
    position: absolute;
    top:300px;
    left: 205px;
    height: 40px;
    font-size: 15px;
    background-color: transparent;
    color: black;
    border-radius:  9px;
    flex-wrap: wrap;
    box-shadow: 5px 5px grey;
}

button:hover{
    transform: scale(1.1);
    flex-wrap: wrap;
}

i{
    margin-left: 5px;
}

.lower-container{
    display: flex;
    gap: 20px;
    justify-content: space-around;
    font-size: 15px;
    margin-top: 10px;
}

.plan-pricing{
    background-color: black;
    color: white;
    border-radius:10px ;
    padding: 5px;
    margin-top: -5px;
    box-shadow: 2px 2px grey;
}

.container-1{
    background-image: url("https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/free-productivity-apps-Background-CTA-Stacked?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=3200&qlt=100&fit=constrain");
    background-attachment: fixed;
    height: 89vh;
    width: 100%;
    flex-wrap:wrap;
    display: flex;
}

hr{
    width: 400px;
    margin-left: 0px;
}

.p{
    position: relative;
    top:5vh;
    left: 10vw;
}

.lower-outlook-image{
    position: absolute;
    top:600px;
    left: 650px;
}
.lower-container-button{
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 5px 5px grey;
    margin: 5px;
}

.price-table{
    background-image: url("https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/Outlook-new-Interactive-Demo-Background-1600x999?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=2000&hei=1249&qlt=100&fmt=png-alpha&fit=constrain");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
}



.pricing-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    gap: 2rem;
  }

  .pricing-plan {
    max-width: 400px;
    padding: 20px;
    background-color: wheat;
    border-radius: 20px;
    text-align: center;
  }

  .plan-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .plan-price {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .plan-features {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .plan-features li {
    margin-bottom: 20px;
  }

  .plan-button {
    padding: 10px;
    background-color: black;
    color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: 5px 5px grey;
  }

  @media (max-width: 1250px) {
    .pricing-container {
      flex-direction: column;
      height: 100%;
      margin-top: 120px;
    }
  }

  .final-division{
    background-image: url("https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/Outlook-new-FullBanner-Background-1600x644?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=3200&qlt=100&fit=constrain");
    height: 95vh;
    width: 100%;
    margin-top: 00px;
  }

#big-text-final{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: white;
}

#small-text-final{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 20px;
    margin-top: -40px;
}

#Button{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

#QR{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
}

#button , #button-id:hover{
    text-decoration: none;
}

#icons{
    position: absolute;
    display: flex;
    top:1950px;
    left: 900px;
}