@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@300&display=swap');

:root{
    --blue: #2563eb;
    --gray: gray;
    --off-white: #f3f4f6;
}

body{
    font-family: 'IBM Plex Serif', serif;
    margin: 0px;
    text-align: center;
}

.container {
    padding: 0rem 1rem;
}

.navigation{
    background-color: var(--blue); 
    color: white;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
}

.navigation .nav-brand{
    text-align: left;
    margin-left: 1%;
    font-weight: 50;
    font-size: xx-large;
    font-weight: normal;
}

.navigation .link{
    color: white;
}

.navigation .nav-pills{
    margin-bottom: 0rem;
    text-align: right;
}

.navigation .link-active{
    font-weight: bold;
}


.list-non-bullet{
    list-style: none;
}

.list-item-inline{
    font-size: large;
    display: inline-block;
    padding: 0rem 0.3rem;
}

.link{
    text-decoration: none;
    padding: 0.5rem 1rem;
}

input{
    border-radius: 15px;
    text-align: center;
    padding: 0.1rem;
    height: 1.7rem;
    font-size: large;
    size: 10rem;
    /* width: 10rem;    
    margin-bottom: 1rem; */
}

.head-angle{
    color: blue;
    font-weight: 500;
    margin-bottom: 0.6rem;
}

.btn-click {
    padding: 8px 16px;
    margin-top: 1.5rem;
    border-radius: 10px;
    background-color: #ddd;
    border: none;
    color: black;
    text-align: center;
    font-size: 16px;
    transition: 0.1s;
  }
  
  .btn-click:hover {
    background-color: #2563eb;
    color: white;
  }

  .op-text{
    font-size: x-large;
    margin-top: 2rem;
  }

  .alert-line{
    color: red;
  }

  .footer{
    background-color: var(--blue);
    padding: 1rem 0px;
    text-align: center;
    color: white;
    border-top-right-radius: 1rem;
    padding-bottom: 10px;
}

.footer .link{
    color: white;
}

.footer ul{
    padding-inline-start: 0px;
}

.question-bank{
    text-align: center;
}

/* input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 1px;
    padding: initial;
    border: initial;
} */

.ip-mcq{
    height: 0.8rem;
}
.ip-label{
    margin: 1rem;
}

.question-bank{
    max-width: 50%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: larger;
}
.question-bank p{
    font-weight: 600;
    margin-bottom: 1rem;
}

.btn-submit{
    width: 10rem;
    cursor: pointer;
}

.ques{
    font-style: bold;
    margin-bottom: 2.5rem;
}

.op-text{
    margin-bottom: 2rem;
}