body{
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 100vh;
}
#bodyContent{
    grid-row: 2/3;
    width: 400px;
    margin: auto;
    /* border: 1px solid black; */
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
}
#bodyContent header{
    width: 200px;
    height: 200px;
    margin: auto;
}
#bodyContent main form{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#bodyContent main form a{
    text-decoration: none;
    color: black;
}
#bodyContent main form a:hover{
    text-decoration: underline;
    transform: 0.3s ease;
    color: black;
}
#bodyContent main form .pwd{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
#bodyContent main form .pwd #password{
    grid-column: 1/-1;
    grid-row: 1/2;
}
#bodyContent main form .pwd button{
    grid-column: 1/-1;
    grid-row: 1/2;
    background-color: transparent;
    border: none;
    text-align: end;
    align-self: center;
    opacity: 0.5;
}