*{
    margin:0;
    padding:0;
    font-family: 'STIX Two Text', serif;
    font-family:"'Poppins', sans-serif";
}
.header{
    min-height:90vh;
    width:100;
    background:linear-gradient(rgba(255,69,0,0.7),rgba(255,69,0,0.7)),url("../images/header.jpg") no-repeat fixed;
    background-position:center;
    background-size:cover;
    position:relative;
}
.text{
    position:absolute;
    bottom:0;
    left:0;
    margin-left: 25px;
}
.text h1{
    font-size:80px;
    color: white;
}

/*--media query for text h1--*/
@media (min-width:320px)  {
    .text h1{
        font-size:40px;
    }
@media (min-width:641px)  {
   .text h1{
        font-size:60px;
    }

@media (min-width:1025px) {
    .text h1{
        font-size:80px;
    }
}}}

/*--about akan section--*/
.text-box{
    width:100%;
    height: 30%;
    background: #fff;
}
.row{
     margin:auto;
     width: 50%;
     padding:5%;
}

.row p{
    font-family:"'Poppins', sans-serif";
    color:#777;
    font-size:14px;
    text-align: center;
    font-weight:bold;
}
/*--output section--*/

.response{
    height:50%;
    margin:auto;
    text-align:center;
}

/*--input section--*/
h2{
    font-size: 25px;
    color:rgba(255, 69, 0,0.7);
    font-family:"'Poppins', sans-serif";
}
/*--media query for h2--*/
@media (min-width:320px)  {
    h2{
        font-size:18px;
    }
@media (min-width:641px)  {
    h2{
        font-size:21px;
    }

@media (min-width:1025px) {
    h2{
        font-size:25px;
    }
}}}


.form{
    display:flex;
    flex-direction: column;
    align-items: center;
    height:30px;
}
.calendar-col{
    color:rgba(255, 69, 0,0.7);
    margin: 25px 50px;
}
.form-col label{
    font-family:"'Poppins', sans-serif";
    color:rgba(255, 69, 0,0.7);
    font: size 16px;
}