:root{--prim-color: #17153b;--sec-color: #2e236c;--tert-color: #c8acd6;--def-bradius: 10px}*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.txtfld{border-radius:var(--def-bradius);padding:5px 10px;border:1px solid #d3d3d3}.prm-btn{border-radius:5px;padding:5px 10px;background:var(--prim-color);cursor:pointer;color:#fff;border:none}.prm-btn:hover{background:var(--sec-color)}.txtfld-w,.prm-btn-w{width:250px}@media screen and (max-width: 600px){.txtfld-w,.prm-btn-w{width:70%}.txtfld-fw,.prm-btn-fw{width:100%}}