:root{
    --primary-color:#6C63FF;
    --secondary-color: #F9F7FE;
    --heading-font-family:"Playfair Display", serif;
    --default-font-family:"Poppins", sans-serif;
}


h1{
  font-family:var(--heading-font-family);
  font-weight: 700;
  font-size: 40px;
  font-style: normal;
  line-height: 100%;
  color: #000000;
}

h2{
font-family: var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  font-style: normal;
  color: #272142;
}

h3{
  font-family: var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  color: #272142;
  
}

p{
    text-align: center;
    font-family: var(--default-font-family);
    font-size: 12px;
    padding: 30px 0px;
}

.hero{
    background-color: var(--secondary-color);
    text-align: center;
    padding: 110px 0px;

}


.btn-branding{
    background-color: var(--primary-color);
    font-family: var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  color: #F9F7FE;
  border-radius: 4px;

}


.project-description{
    padding: 72px 85px 10px;
    text-align: start;
   }


.project-description h2{
font-family: var(--heading-font-family);
font-size: 40px;

}

.project-description p{
    font-family: var(--default-font-family);
    font-size: 12px;
    opacity: 70%;
    text-align: start;
}

.btn-design{
    color: var(--primary-color);
    background-color: var(--secondary-color);
    border-color: var(--primary-color);
    border-radius: 1px;
}


.about-container{
    text-align: center;
    padding: 72px 90px 10px 90px;
}


.about-title{
  font-family:var(--heading-font-family);
  font-weight: 700;
  font-size: 64px;
  font-style: normal;
  line-height: 100%;
  color: #000000;
  padding-bottom: 18px;
}

.about-self{
  font-family: var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  color: #272142;
  
}

.inquiry-container{
text-align: center;
background-color: var(--secondary-color);
padding: 20px 25px;
margin: 80px 90px 50px 90px;
}

.about-work{
 font-family:var(--heading-font-family);
  font-weight: 700;
  font-size: 35px;
  font-style: normal;
  color: #000000;
  padding-top: 25px;
  line-height: 0%;
}

.btn-about{
background-color: var(--primary-color);
font-family: var(--default-font-family);
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  color: #F9F7FE;
  border-radius: 4px;
}

.email-info{
  font-family: var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  color: #272142;
  padding-bottom: 25px;
}

footer .info-icon a {
    color: var(--primary-color);
    padding: 10px 14px;
  border-radius: 50%;
  text-decoration: none;
}



.work-container{
    text-align: start;
    margin: 150px 0px 50px 100px;
     
}

.work-container h1{
font-family:var(--heading-font-family);
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  color: #000000;
font-size: 50px;
padding-left: 30px;
   
}

.work-image{
    margin: 70px 90px 20px 90px;
}

.work-image h2{
    font-size: 25px;
}

#translate {
 width: 900px;


}

.source{
    text-align: center;
    padding-bottom: 50px;
    font-family: var(--default-font-family);
  font-size: 12px;
    font-style: normal;
  color: #272142;
}


@media (max-width:950px){
    .source {
        padding-bottom: 190px;
    }

    .work-container h1{
        font-size: 25px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 10px;

    }

.work-image h2{
    font-size: 15px;
}

}