/* https://colorhunt.co/palette/154922 */
html, body {
    background-color: #61f2f5;
    color: #723881;
    font-family: 'Carter One', cursive;
    font-size: 2vh;
    margin-left: 2vw;
}
button, textarea, input {
    font-family: 'Exo', sans-serif;
    font-size: 2vh;
}
button {
    background-color: #723881;
    color: #e0e0e0;
    border: none;
    text-decoration: none;
    padding: 1.6vh 3vw;
    width: 100%;
    margin: unset;
}
button:hover {
    background-color: #e0e0e0;
    color: #723881;
    transition: 0.7s;
}
textarea, input {
    background-color: #e0e0e0;
    padding: 2vw;
}
textarea {
    box-sizing: border-box;
    width: 94%;
    height: auto;
    margin: unset;
    border: 1px solid;
}
.btn-group {
    display: flex;
    width: 94.1%;
    height: auto;
    padding: unset;
    margin: unset;
}
.search_instruction {
    display: flex;
    width: 94.1%;
}
.search_instruction p {
    padding: 0.6vh 0.3vw;
    padding-left: unset;
    margin: unset;
}
input {
    width: 99.1%;
    margin: 0.5vh 0;
    border: 1px solid;
}

@media (orientation: portrait) and (max-width:1024px) {
    html, body {
        margin-left: 3vw;
    }
    .btn-group {
        display: block;
    }
}