@import url("https://use.typekit.net/mtl0liv.css");
body{
    margin: 0;
}
 .banner{
  background-size: 100%;
  padding:0;
  margin: 0;
  }
  img{
    width:100vw;
  }

 .wrapper1{
  display:flex;
  flex-direction:column;
  background-color:#b7b5b8;
  margin:-1% 0 0 0;
  gap:0%;
 }

 .wrapper2{
  display:flex;
  flex-direction: column;
  background-color: #836e89;
  margin: -1% 0 0 0%;
  gap:0%;

 }
.wrapper3{
    display: flex;
    flex-direction: column;
    background-color: #627389;
    margin: -1% 0 0 0%;
    gap:0%;
    align-items:center;
    padding:5%;
}
 h1{
  font-family:"westsac", sans-serif;
  font-style: normal;
  font-size: 6vw;
  color: white;
  margin: 5%;
  
 }

 h2{
  font-family: "alegreya", serif;
  font-style:normal;
  font-size: 3vw;
  font-weight: 100;
  color: white;
 }

 h3{
  font-family: "alegreya", serif;
  font-style:bold;
  font-size: 4vw;
  font-weight: 100;
  color: white;
 }

 .aboutmethirdbox{
  flex: 1%;
  text-align:center;
  padding-left: 25%;
  padding-right: 25%;
  padding-top: 5%;
  padding-bottom: 0%;

  
 }

 .aboutmethirdbox2{
    text-align:justify;
  padding-left: 25%;
  padding-right: 25%;
  padding-bottom: 5%;
  padding-top: 0%;

 }
 .myworksthirdbox{
  flex: 1%;
  text-align:center;
padding-left: 25%;
  padding-right: 25%;
  padding-top: 5%;
  padding-bottom: 0%;

 }

 .myworks2thirdbox{
  flex:1%;
  text-align: justify;
 padding-left: 25%;
  padding-right: 25%;
  padding-top: 0%;
  padding-bottom: 0%;
 }
 
 .image1{
    display: flex;
   width:65vw;
    padding: 3% 18%;
    align-items: center;

 }
  
.image2{
 display: flex;
width:65vw;
padding: 3% 18%;
align-items: center;
margin: 0%;
}

.image3{
display: flex;
width:65vw;
padding: 3% 18%;
align-items: center;
margin: 0%;
}

/*button*/ 
button{
    background-color: rgb(148, 184, 209);
    color:white;
    padding:1%;
    border-radius: 10px;
    border:#836e89;
    align-items: center;
}
@media screen and (max-width:740px) {
    h1{
        font-size: 48px;
    }
    h2{
        font-size:56px;
    }
    .parent{
        flex-direction: column;

    }
    .child{
        flex:100%;
        margin-top:5%;
    }
}