.student--head{
    background-color: black;
    color: white;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.student--head .menu{
    display: flex;
    justify-content: center;
    gap: 2vw;
}

.student-contents{
    display: flex;
    min-height: 88vh;
}

.student-contents-left{
    width: 20%;
    background-color: black;
    
}

.student-contents-right{
    width: 80%;
    padding: 10px;
}

.student-foot{
    height: 5vh;
    background-color: black;
}

.student-tets-box{
    display: flex;
    background-color: lightgreen;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
    justify-content: space-between;
    

}


.run-test-box-main{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.run-test-box{
    height: 90vh;
    width: 80vw;
    border: 2px solid orange;
}

.run-test-head{
    background-color: grey;
    height: 50px;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    padding: 10px;
}

.run-test-ques{
    height: 50vh;
    padding: 20px;
    font-size: 20px;
    background-color: aliceblue;
}

.run-test-choice{
    font-size: 20px;
    padding: 20px;
}


.run-test-btns{
    display: flex;
    justify-content: space-evenly;
}
.student-result-que{
    margin-top: 10px;
    padding: 5px;
    border-radius: 5px;
}

.correct-green{
    color: green;
}

.incorrect-red{
    color: red;
}


.bdr-correct{
    border: 2px solid green;
}
.bdr-incorrect{
    border: 2px solid red;
}
.q-next-btn{
  background-color: green;
  padding: 5px;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  border: none;
  width: 100px;
}

.ques-final-submit{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}

.ques-final-submit-btn{
    background-color: green;
  padding: 10px;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  border: none;

}


@media screen and (min-width:600px) {
    
}