@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400&display=swap');

.masthead h1 {
font-family: 'M PLUS 1p', sans-serif !important;
padding:20px;
}

.masthead-subheading {
background-color:rgba(255,255,255,0.90);
padding:10px;
border-radius:10px;
}

.waku {
display: flex;
  justify-content: center;
  align-items: center;
height:180px;
  overflow:hidden;
border:3px dotted #ff73a1;
border-radius:10px;
padding:10px;
}



#about {
background-image:url("../images/order-back.jpg");
background-size:cover;
}

h3.foot-h3 {
margin-bottom:60px;
}



h2.page-section-heading {
line-height:150%;
}

.btn-color-1 {
  display: inline-block;
  padding: 7px 20px;
  margin:10px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(180deg, #ffe0eb 0%, #ff73a1 100%);
  transition: .4s;
}

.btn-color-1:hover {
  background-image: linear-gradient(180deg, #ffe0eb 0%, #ff73a1 100%);
    color: #FFF;
}

.btn-color-2 {
  display: inline-block;
  padding: 7px 20px;
    margin:10px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(180deg, #58c5eb 0%, #16a3e3 100%);
  transition: .4s;
}

.btn-color-2:hover {
  background-image: linear-gradient(180deg, #58c5eb 0%, #16a3e3 100%);
    color: #FFF;
}

.btn-color-3 {
  display: inline-block;
  padding: 7px 20px;
    margin:10px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(180deg, #a1dab6 0%, #57ccac 100%);
  transition: .4s;
}

.btn-color-3:hover {
  background-image: linear-gradient(180deg, #a1dab6 0%, #57ccac 100%);
    color: #FFF;
}

.btn-color-4 {
  display: inline-block;
  padding: 7px 20px;
    margin:10px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(180deg, #ecdc25 0%, #f1a309 100%);
  transition: .4s;
}

.btn-color-4:hover {
  background-image: linear-gradient(180deg, #ecdc25 0%, #f1a309 100%);
    color: #FFF;
}


.result_report {
width:100%;
padding:15px ;
}

footer {
background-image:url("../images/footer-back.jpg");
  background-repeat: no-repeat; 
  background-size:  cover; 
}