#delete,#reload{position:absolute;top:0;background:#fff}#delete,#reload,canvas{background:#fff}#delete,#reload{padding:2%;cursor:pointer}*,::after,::before{box-sizing:border-box;margin:0;padding:0}#containerCanvas{width:80%;margin:auto;min-height:500px;display:flex;justify-content:center;align-items:center;background:#cfcfcf;padding:2%;flex-direction:column;position:relative}canvas{padding:1%;margin-top:15px;transition:cubic-bezier(.075, .82, .165, 1)}#reload{right:0}#delete{left:0;color:#000}:active,:focus{outline:0!important;border-style:none}button.btnCheckStudent{min-height:25vh;border-style:none;font-size:4em;font-weight:900;transition:.5s;font-family:Rajdhani,sans-serif}button.btnCheckStudent:hover{font-size:6.5em;transition:.2s}button.btnCheckStudent:active,button.btnCheckStudent:focus{border:12px solid #ff0!important}button#btnF{background:#cc0606!important}button#btnE{background:#cc5f06!important}button#btnD{background:#cca406!important}button#btnC{background:#bccc06!important}button#btnB{background:#7dcc06!important}button#btnA{background:#10cc06!important}.section-preview{border:1px solid #e0e0e0;padding:15px;cursor:pointer}@media screen and (max-width:1100px){#containerCanvas{width:95%;flex-direction:column}}