.headingArea{text-align:center;color:#444;margin-bottom:30px}.assignmentArea{width:500px;margin:auto}@media screen and (max-width:600px){.assignmentArea{width:100%}}.assignmentBanner{color:#444;background:#eee;padding:15px 15px 0;border-radius:3px;font-weight:700;margin-bottom:20px}.assignmentInfoArea{margin-left:15px;color:#999}.assignmentValue{color:#645454;font-weight:700}.acceptAssignmentButton{margin:30px auto auto;height:55px;width:220px;max-width:220px;color:#fff;display:block;font-size:1.5em;background:#3ba1da;cursor:pointer;border:none}.rating{width:fit-content;margin:auto;height:40px}.rating span{float:right;position:relative}.rating span input{position:absolute;top:0;left:0;opacity:0}.rating span label{display:inline-block;width:30px;height:30px;text-align:center;color:#ccc;font-size:35px;margin-right:19px;line-height:30px}.rating span.checked label,.rating span.checked~span label,.rating span:hover label,.rating span:hover~span label{color:#F90;font-size:45px}.textArea{max-width:700px;border:1px solid #9b86b8;display:inline;height:100%;min-height:200px;margin:30px auto}