body {
    font-family: "Nunito", sans-serif;
}

.poppins {
    font-family: 'Poppins', sans-serif;
}

.gradient {
    background-color: teal;
    background-image: url('../images/background.jpg');
    background-size: cover;
    background-position: center center;
    /* background: #3a7bd5; */
    /* fallback for old browsers */
    /* background: -webkit-linear-gradient(to right, #3a6073, #3a7bd5); */
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #3a6073, #3a7bd5); */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

textarea {
    width: 500px;
}

input.star {
    display: none;
}

label.star {
    float: none;
    padding: 10px;
    font-size: 36px;
    color: #e7e7e7;
    transition: all 0.2s;
    transform: scale(1);
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: rgb(185, 185, 185);
}

input.star:checked ~ label.star:before {
    content: "\2605";
    color: #fd4;
    transition: all 0.25s;
}

input.star-5:checked ~ label.star:before {
    color: #fe7;
}

input.star-1:checked ~ label.star:before {
    color: #f62;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: "\2605";
    font-family: FontAwesome;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 98%;
}

@media only screen and (min-width: 929px) {
    textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
}