
      .quiz_create_form {
        max-width: 800px;
        margin: 40px auto;
        animation: grow 0.3s 1;
        position: relative;
        animation-timing-function: cubic-bezier(0.42,0,0.58,1);
      }
      
      @keyframes grow {
        0% {
          opacity: 0;
          top: 50px;
        }
        100% {
          opacity: 1;
          top:0px;
        }
      }
      .navbar {
        max-width: 800px;
        margin: 10px auto;
      }
      #quiz_controls {
        border: solid 1px #EEE;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-top: 20px;
        margin-bottom: 20px;
        border-radius: 1em;
        background: linear-gradient(to right, rgb(73, 85, 114), rgb(66, 134, 244));

      }
      #quiz_controls h3 {
        color: white;
      }
      #quiz_controls p {
        color: white;
      }
      #quiz_controls a {
        display: block;
        color: white;
        cursor: pointer;
      }
      #quiz_controls a:hover {
        color: rgb(224, 227, 255);
        cursor: pointer;
      }
        a.three:link {color: #ffffff;}
        a.three:visited {color: #ffffff;}
        a.three:hover {background: #8d8d8d;}
      #quiz_name {
        width: 100%;
        border-radius: 4px;
          outline: none;
          height: 50px;
          font-size: 1.4em;
          border: none;
          background-color: #eee;
          font-weight: bold;
      }
      .question_card {
        border: solid 2px #3F51B5;
        padding: 40px;
        margin-bottom: 20px;
        background-color:white;
        border-radius: 1em;
      }
      .question_card > h3 {
        color: black;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 30px;
      } 
      .input_area {
          width: 100%;
          outline: none;
          height: 80px;
          font-size: 1.8em;
          border: none;
          background-color: #eee;
          font-weight: bold;
      }
      .ques_txtara {
          
        width: 100%;
      }
      .ques_txtara[contenteditable]:empty::before {
        content: "Enter option here";
        color: gray;
        }
      #add_question {
          width: 100%;
          height: 60px;
          margin-bottom: 20px;
          background-color: #00e0ff;
          color: black;
          font-size: 1.5em;
        border-radius: 1em;
        border: solid 1px #00e0ff;
      }
      #add_question:hover {
          background-color: #2ce6ff;
      }
      #create_submit {
        width: 100%;
        height: 60px;
        margin-bottom: 300px;
        color: black;
        font-size: 1.5em;
        border-radius: 1em;
        background-color: #eac100;
        border: none;
      }
      .marksip {
          width: 100px;
          height: 40px;
          line-height: 40px;
          font-size: 1.2em;
          text-align: center;
          outline:none;
          margin-left: 20px;
      }
      .del_question {
          background-color: #ff5959;
        border: solid 1px #ff5959;
          color: white;
          height: 40px;
          font-size: 1.1em;
        border-radius: 10px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .del_question:hover {
          background-color: #ff2323;
      }
      .algnrght {
        width: 100%;
        text-align: right;
      }
      .algncntr {
        text-align: center;
      }
      .ans_select {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: solid 1px black;
          font-size: 1.1em;
          font-weight: bold;
          background-color: white;
          outline: none;
      }
      .ans_select:hover {
          background-color: #f4fa9c;
      }
      .quiz_timing_controls {
        display: flex;
        flex-direction: column;    
      }
      @media all and (min-width: 800px) {
        .quiz_timing_controls {
            display: flex;
            flex-direction: row;    
        }
      }
      .quiz_timing_controls > div {
        flex-grow: 1;
        padding: 20px;
      }
      .quiz_timing_controls > div > input {
          width: 100%;
          outline: none;
          height: 50px;
          font-size: 1.4em;
          border: none;
          background-color: #eee;
        border-radius: 4px;
        text-align: center;
      }