*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333333}.container{max-width:1200px;margin:0 auto;padding:20px}.top-section{width:100%;padding:20px;background-color:#333;color:#ffffff;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;text-align:center}.qrlogo{max-width:200px;height:auto}.obr,.qrlogo{margin-bottom:20px}.obr{font-size:24px;color:#ffffff}.buttons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;border:none;border-radius:5px;font-size:18px;color:#fff;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.action-button svg{margin-right:10px}.create-code{background-color:#ff7b00}.create-code:hover{background-color:#e06c00}.qr-scanner{background-color:#eaeaea;color:#333333}.qr-scanner:hover{background-color:#d1d1d1}.sidebar{flex:1 1;min-width:200px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.con-title,.sidebar{padding:20px;border-radius:5px}.con-title{flex:3 1;background-color:#ffffff;box-shadow:0 2px 5px 2px rgba(0,0,0,.2);box-shadow:0 2px 5px 3px rgba(0,0,0,.3)}.pad{max-width:800px;margin:0 auto}.pad h2{font-size:24px;color:#333333}.pad h2,.pad p{margin-bottom:15px}.pad p{font-size:16px;color:#555555}.pad ul{list-style-type:disc;margin-left:20px;margin-bottom:15px}.pad li{font-size:16px;margin-bottom:5px;color:#555555}@media (max-width:768px){.bottom-section{flex-direction:column;gap:20px}.action-button,.buttons-container{width:100%}}.bottom-section{display:flex;flex-direction:row}@media (max-width:768px){.bottom-section{flex-direction:column}.testom .sidebar{margin:0;padding:0;min-width:100%}}.menu .menu-item{color:#fff;padding:0 0 0 20px}.menu .menu-item-home{padding-top:10px;padding-left:20px;display:block}.menu{padding-bottom:10px}.menu-item,.menu-item:hover{color:#333}.links-a{color:#e06c00}.bottom-section{gap:20px}.qr-code-display,.qr-right{box-shadow:0 2px 5px 2px rgba(0,0,0,.2);box-shadow:0 2px 5px 3px rgba(0,0,0,.3)}.centre-all{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-display,.qr-content,.qr-left,.qr-right,canvas{min-width:100%}.ol-p{padding:20px}