body {
    background-color: rgb(10, 59, 8);
}

h1 {
    color: white;
    text-align: center;
}

.all_btn {
    background-color: rgb(87, 55, 35);
    color: white;
    width: 350px;
    height: 50px;
    border: none;
    border-radius: 10px;
    font-size: large;
    font-weight: bold;
}

.all_text {
    margin: auto;
    color: white;
    background-color: rgb(14, 83, 12);
    width: fit-content;
    padding: 10px;
    border-radius: 15px;
    width: 600px;
}

.all_btn:hover {
    background-color: rgb(78, 48, 31);
    color: rgb(207, 205, 205);
    cursor: pointer;
}

.btn {
    text-align: center;
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  margin-left: 10px;
}

.arrow.rotate {
  transform: rotate(90deg);
}

@media (max-width: 775px) {
    .all_btn {
        width: 150px;
    }

    .all_text {
        width: 200px;
    }
}