*{margin:0;padding:0;box-sizing:border-box}body{background-color:#111827;color:#fff}img{max-width:100%}main{display:flex;min-height:100vh}aside{max-width:20%;flex:1;border-right:1px solid rgb(31 41 55)}.logo{padding:30px 20px;border-bottom:1px solid rgb(31 41 55)}.logo img{vertical-align:middle;padding-right:10px}.side-nav a{padding:20px;display:block;color:#0ff;text-decoration:none;border-bottom:1px solid rgb(31 41 55)}.side-nav a:hover,.side-nav a.active{text-decoration:double;text-decoration-line:underline;background-color:#1f2937}section{max-width:80%;flex:1;padding:20px}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-list li{display:flex;border:1px solid rgb(31 41 55);border-radius:10px;overflow:hidden}.product-list li div{flex:1;padding:20px}.product-img{max-width:20%;text-align:center;background-color:#1f2937}.product-img img{max-height:100px}.product-info{max-width:80%}.product-info p{margin-bottom:10px}.product-info a{color:#0ff;text-decoration:double;text-decoration-line:underline}.product-detals-page{display:flex}.product-detals-page div{flex:1}.product-detals-page .p-d-img{max-width:40%;background-color:#fff;text-align:center;padding:20px;border-radius:10px}.product-detals-page .p-d-info{padding-inline:30px}.p-d-info p{padding-bottom:20px}.p-d-info h1{padding-block:20px}.p-d-info a{color:#0ff;text-decoration:double;text-decoration-line:underline}.p-d-info button{background-color:brown;border:1px solid brown;padding:10px;border-radius:20px;cursor:pointer;color:#fff;margin-left:20px}.form-sec{display:flex;justify-content:center;align-items:center}.form-sec form{flex:1;max-width:400px;background-color:#1f2937;padding:20px;border-radius:10px;box-shadow:0 25px 50px -12px #00000040}.form-sec form h2{color:#0ff;text-decoration:double;text-decoration-line:underline;font-weight:lighter;margin-bottom:10px;text-align:center}.input-wrap{padding-block:10px}.input-wrap label,.input-wrap input{display:block;width:100%}.input-wrap input{padding:10px;background-color:#fff;border:1px solid #fff;border-radius:5px;margin-top:10px}.form-sec form button{background-color:brown;border:1px solid brown;text-align:center;display:block;width:100%;padding:10px;border-radius:30px;color:#fff;cursor:pointer;margin-block:15px}.flash-message{position:fixed;top:20px;right:2%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 4px #0003;z-index:1000}
