.createContainer{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #42b883;
}        
.createHeader{
    position: absolute;
    top: 5px;
    color: white;
}
.createroomContainer{
    margin-top: 10%;
    width: 500px;
    height: 400px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #7dd87d;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.createUsernameInput{
    width: 80%;
    height: 35px;
    border-color: transparent;
    border-radius: 6px;
}
.createPasswordInput{
    width: 80%;
    height: 35px;
    border-color: transparent; 
    border-radius: 6px;
}
.createSendButton{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.createBackButton{
    position: absolute;
    left: 10px;
    bottom: 10px;
}