*{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
  }
#container{
    border: solid rgb(189, 57, 160) 2px;
    padding: 50px;
    width: 20%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* height: 100%; */
}
.inputbox{
    padding: 15px 30px;
    width: 83%;
    margin: 5px;
    border-color: purple;
    border-radius: 5px;
    font-size: large;
}
.label{
    margin: 5px;
    border-color: purple;
}
.login_button{
    
    padding: 15px 30px;
    width: 100%;
    margin: 5px;
    border-color: purple;
    border-radius: 5px;
    background-color: purple;
    color: white;
    font-size: large;
    cursor: pointer;
}
.login_button:hover{
    background-color: rgb(75, 7, 75);

}

#login_container{
    display: flex;
    justify-content: center;
    height: 100%;
    /* height: 100%; */
    margin-top: 40px;
    align-items: center;
    /* padding: 20px; */
}
/* body{
    height:auto;
} */
#slideshowContainer{
    background-color: black;
}

/* Styles for mobile devices */
@media only screen and (max-width: 600px) {
   
    
    #container {
        border: none;
        width: 90%;
    }
}