@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@500;700&display=swap');
body {
    background-color: rgb(119, 168, 119);
    font-family: 'DynaPuff', cursive;
}
.bck1 {
    background-color: rgb(100, 140, 100);
    width: 90%;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    padding-bottom: 100px;
    margin-top: 20px;
}
.title-txt {
    padding: 20px;
    font-size: 50px;
    margin-bottom: 0px;
}
.bck-text {
    background-color: rgb(84, 129, 84);
    margin: 0 auto;
    width: 80%;
    border-radius: 20px;
    padding-bottom: 0px;

}
.download-img {
    width: 16%;
    margin-top: 0;
    margin-top: 20px;
    cursor: pointer;
}
.continut-div {
    background-color: rgb(84, 129, 84);
    width: 80%;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 20px;
    text-align: center;
}
.buttons-interacte {
    padding: 15px 10px;
    font-size: 75px;
    font-family: 'DynaPuff', cursive;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: rgb(144, 174, 93);
    border-width: 10px;
    border-color: green;
    cursor: pointer;
}
.repr_img {
    width: 60%;
    border-radius: 15px;
    border-bottom: 20px;
    padding: 0;
    margin-bottom: 30px;
}
.buttons-interacte:hover {
    font-size: 76px;
}
@media only screen and (max-width: 851px) {
    .bck1 {
        background-color: rgb(100, 140, 100);
        width: 90%;
        padding: 20px;
        text-align: center;
        margin: 0 auto;
        border-radius: 20px;
        padding-bottom: 50px;
        margin-top: 10px;
    }
    .title-txt {
        padding: 20px;
        font-size: 200%;
        margin-bottom: 0px;
        text-align: center;
    }
    .bck-text {
        background-color: rgb(84, 129, 84);
        margin: 0 auto;
        width: 100%;
        border-radius: 20px;
        padding-bottom: 0px;
        margin-bottom: 0;
    
    }
    .download-img {
        width: 70%;
        margin-top: 0;
        margin-top: 30px;
        cursor: pointer;
    }
    .continut-div {
        background-color: rgb(84, 129, 84);
        width: 80%;
        border-radius: 20px;
        margin: 0 auto;
        margin-top: 20px;
        padding: 20px;
        text-align: center;
    }
    .buttons-interacte {
        padding: 15px 10px;
        font-size: 40px;
        font-family: 'DynaPuff', cursive;
        margin-bottom: 15px;
        border-radius: 10px;
        background-color: rgb(144, 174, 93);
        border-width: 10px;
        border-color: green;
        cursor: pointer;
    }
    .repr_img {
        width: 90%;
        border-radius: 15px;
        border-bottom: 20px;
        padding: 0;
        margin-bottom: 30px;
    }
}
.contact-div {
    background-color: rgb(100, 140, 100);
    width: 90%;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    padding-bottom: 50px;
    margin-top: 10px;
}
.contact-text {
    font-size: 40px;
}
.form-control {
    font-size: 30px;
    border-radius: 3px;
    margin-top: 4px;
    border-color: green;
    border-width: 5px;
    background-color: rgb(179, 245, 179);
}
.btn {
    font-size: 240%;
    text-align: center;
    margin-top: 5px;
    padding: 10px 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    background-color: rgb(68, 158, 68);
    color: white;
    border-width: 3px;
    border-radius: 4px;
}
.btn:hover {
    background-color: rgb(148, 237, 148);
    color: black;
}
@media only screen and (max-width: 851px) {
    .btn {
        font-size: 200%;
        text-align: center;
        margin-top: 5px;
        padding: 10px 20px;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        background-color: rgb(68, 158, 68);
        color: white;
        border-width: 3px;
        border-radius: 4px;
    }
    .form-control {
        font-size: 20px;
        border-radius: 3px;
        margin-top: 4px;
        border-color: green;
        border-width: 5px;
        background-color: rgb(179, 245, 179);
        text-align: center;
    }
}