@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');

body {
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Quicksand', sans-serif;
    border: 0.5rem solid #59078a;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

main {
    background-color: #d6b2eb;
    margin: 2rem;
    padding: 2rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

label {
    display: block;
    padding-bottom: 0rem;
    font-weight: bolder;
}

div {
    padding: 1rem;
}

button {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    background-color: white;
    color: 59078a;
    border: 0.5px solid white;
    font-family: 'Quicksand', sans-serif;
    margin: auto;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

button:hover {
    background-color: #59078a;
    color: #f1f1f1;
}

input {
    font-family: 'Quicksand', sans-serif;
    width: 50%;
    padding: 1rem;
    margin: 0.5rem 0rem 1rem 0rem;
    font-weight: bolder;
    font-size: large;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

#output-box {
    margin: 1rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background-color: white;
    font-weight:bold;
  }