* {
    background-color: #f6f2f7;
}

h1 {
    color: blueviolet;
    text-align: center;
    font-size: 3em;
    font-style: italic;
    background-color: #d8cae6;
}

#heading {
    text-align: center;
    margin-top: 20px; /* Adjusted for better alignment */
}

.button-container {
    display: flex;
    justify-content: space-around;
    padding: 15px;
    background-color: #cae6e4;
}

.custom-button {
    padding: 10px 20px;
    background-color: darkturquoise;
    color: black;
    border: none;
    border-radius: 13px;
    cursor: pointer;
    text-decoration: none; /* Ensure buttons are not underlined */
}

.custom-button:hover {
    color: cyan;
    background: darkturquoise;
}

a {
    text-decoration: none; /* Remove underlines from links */
    color: black; /* Ensure link text color is consistent */
}

a:hover {
    color: cyan;
    background: darkturquoise;
}

/* Media query for hover effects on touch devices */
@media (hover: hover) {
    .custom-button:hover {
        color: cyan;
        background: darkturquoise;
    }
    a:hover {
        color: cyan;
        background: darkturquoise;
    }
}
.box1{
    height: auto;
    width: 80%;
    border-color: skyblue;
    border-style: solid;
    border-top-left-radius: 85px;
    border-bottom-right-radius: 85px;
    padding: 3%;
    margin: 8%;
    align-items: center;
    border-width:7px;
    text-decoration-color: dodgerblue;
    
}