@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.topnav{display:flex;overflow:hidden;background-color:#cb2028}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#fec621;color:#fff;font-weight:1000}.topnav .icon{display:none}.drag-area{border:none;height:500px;width:700px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column}.drag-area.active{border:2px solid #c9d1d9}.drag-area .icon{font-size:70px;color:#c9d1d9}.drag-area header{font-size:40px;font-weight:500;color:#c9d1d9}.drag-area span{font-size:15px;font-weight:500;color:#c9d1d9;margin:10px 0 15px 0}.drag-area button{padding:10px 25px;font-size:20px;font-weight:500;border:none;outline:0;background:#c9d1d9;color:#0d1117;border-radius:5px;cursor:pointer}.drag-area img{width:100%;height:100%;object-fit:cover;border-radius:5px}footer{position:fixed;bottom:0;width:100%;height:100px;border-top:1px solid #c9d1d9;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#c9d1d9}footer a{padding:10px 50px;color:#c9d1d9;text-decoration:none}.page-header{position:fixed;top:0;width:100%;height:100px;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#c9d1d9}.container-class{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0d1117;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:center}@media screen and (max-width:1000px){.container-class{background-image:url(../images/background2.jpg)}.drag-area{height:300px;width:400px}.drag-area .icon{font-size:40px}.drag-area header{font-size:20px;font-weight:300}.drag-area span{font-size:15px;font-weight:100}.drag-area button{font-size:15px;font-weight:300}}.answer-title{text-align:center;font-weight:bolder}#my_camera{width:320px;height:240px;border:1px solid #000}