@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

*{
    margin:0;
    box-sizing:0;
    font-family:'Urbanist';
    color: #203B3B;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:100vh;
    background: linear-gradient(#264445, #6E8D7F);
}

.wrapper {
    width: 700px;
    background: #ECEFE7;
    border-radius: 5px;
    padding: 25px 30px 30px;
}

.wrapper h1{
    text-align:center;
}

.wrapper h2{
    text-align:center;
    font-size: 20px;
    padding:5px 20px 15px;
}


.response-box {
    width:100%;
    height: 220px;
    border-radius: 5px;
    outline:none;
    resize:none;
    padding: 10px;
    font-size:19px;
    box-sizing: border-box;
    margin-bottom:30px;
}


.question-box {
    width:100%;
    height: 70px;
    border-radius: 5px;
    outline:none;
    resize:none;
    padding: 10px;
    font-size:18px;
    box-sizing: border-box;
}
.form_submit {
    padding: 10px 45px;
    border-radius:5px;
    border: 2px solid;
    cursor: pointer;
    font-size: 20px;
    margin-right: 40px;
    margin-left:40px;
    background-color:#ebf0f0;;
}


.form_submit:hover {
    background-color:#264445;
    color:#ECEFE7;
}

.btn-container {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

@media only screen and (max-width: 1280px) {
  /* Styles for iPhone 15 and similar large smartphones */
  .container {
    padding: 10px;
    font-size: 16px;
  }
}