@import url("boilerplate.css");
    
    #next-btn{
	  text-transform:capitalize;
	  cursor:pointer;
	  position:absolute;
	  bottom:-50px;
	  right:0;
	  cursor:pointer;
	  padding:0.5rem;
	  border-radius:4px;
	  border:1px solid #e5e5e5;
	 }
	 .question-frame{
	  position:relative;
	  /*width:50%;*/
	  margin:0.4rem auto 0.3rem;
      padding:1rem;
      border-radius:14px 14px 0px 0px;
      box-shadow:2px 2px 3px rgba(0,0,0,0.2);
      background:#e5e5e5;
      color:#010216;
	 }
	 .label-class,
	 .question-header
	 {
	 text-transform:capitalize;
	 }
	 .question-header{
	  font-size:1.2rem;
	  margin-bottom:1rem;
	  font-weight:500;
	 }
	 .question-container{
	  width:100%;
	  font-size:medium;
	  margin-bottom:0.5rem;
	  padding:10px 1rem;
	  border:1px solid #e5e5e5;
	  border-radius:4px;
	  cursor:pointer;
	  transition:background 0.5s ease;
	 }
	 /*.active-container{
     background:green;
	 color:#fff;
     }*/
	 .top-info{
	 margin-bottom:2rem;
	 }
	 .top-info>*{
	 margin-bottom:1rem;
	 }
	/* .top-info>*:not(:first-child){
	 font-size:0.85rem;
	 }*/
	 main{
	 /* min-width:25rem;
	  max-width:50%;*/
	  margin:0px auto;
	  display:flex;
	  flex-direction:column;
	  position:relative;
	  border:0px solid red;
	  margin-bottom:4rem;
	 }
     .options{
     width:100%;
     font-size:medium;
     background:#f8f8f8;
     padding:1rem;
     border-radius:0px 0px 14px 14px;
     box-shadow:2px 2px 3px rgba(0,0,0,0.2);
     }
     .score,.score + span{
     text-align:center;
     display:block;
     }
     .active-radio{
      accent-color:#e40789;
     }
     .footer-el{
     border:0px solid red;
     text-align:center;
     text-transform:capitalize;
     background:#e5e5e5;
     color:#e40789;
     padding:0.3rem;
     font-weight:400;
     }
     





     /*=============================
     Media Queries
     =================================*/
     @media(min-width:960px){
     main,
     .question-frame{
     width:50%;
     }
     }