@font-face {
    font-family: 'Aurora';
    src: url('fonts/Aurora.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: rgb(205, 221, 238);
}
.container {
    color: rgb(81, 71, 146);
    border: 2px rgb(112, 92, 182) solid;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgba(39, 33, 52, 0.5);
    background-color: white;
    width: 300px;
}
h1 {
    font-family: 'Aurora';
    text-align: center;
    padding: 10px;
    margin: 0;
    color: white;
    border-bottom: 2px rgb(210, 201, 245) solid;
    background-color: rgb(81, 71, 146);
    box-shadow: 0px 0px 10px rgba(53, 31, 84, 0.5);
    border-radius: 15px;
}
.form {
    padding: 20px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#button {
    background-color: rgb(112, 92, 182);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 10px;
    width: 100px;
    font-family: 'Aurora';
    cursor: pointer;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
    box-shadow: 0px 0px 10px rgba(39, 33, 52, 0.5);
}