.main{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}
.form{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;    
}
.form__div{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;  
    padding: 1rem;
    column-gap: .7rem;
    row-gap: .7rem;
}
.form__button{
    width: 10rem;
    height: 10rem;
    border-radius: 1rem;
    border: 0.1rem solid white;
}
.main__div{
    width: 22rem;
    height: 20rem;
    border-radius: 1rem;
    text-align: center;
    background-color: gray;
    margin-bottom: 2rem;
}
.main__button{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background-color: black;
}
.main__img{
    background: none;
    width: 100%;
    height: 100%;
    /* max-width: 100%;
    height: auto; */
    object-fit: contain
}
.main__writeYourSpelling{
    margin-bottom: 0.5rem;
    padding: 10px;
    border-radius: 1rem;
    background-color: #73c6b6;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: larger;
    margin-bottom: 1.5rem;
}
.main__sendAnswer{
    width: 10rem;
    height: 8rem;
    background-color: #5499c7;
    color: black;
    border-radius: 1rem;
    
    
}

/*  -------------------------------------- hit window and error window --------------------------------------*/

.form__aside{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    background-color: black;
    border: 1px solid white;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
}
.aside__figure{
    display: flex;
    justify-content: center;
    align-items:end;    
    height: 50%;
    padding: 1rem;
}
.aside__img{
    width: 100%;
    height: 100%;
}
.aside__div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50%;
}
.aside__div__error{
    display: flex;
    gap: .5rem;
}
.aside__button{
    width: 10rem;
    height: 7rem;
    background-color: #2F4F4F;
    color: white;
    border-radius: 1rem;
    border: 1px solid #C7C7C7;
}
.finding_error{
    color: red;
}