*{margin:0; padding:0; box-sizing:border-box; font-family:'Poppins', sans-serif; } body{background:#fff; color:#333;} 
.navbar{max-width:1280px; margin:auto; display:flex; justify-content:space-between; align-items:center; background:rgb(242, 235, 235); padding:6px 20px; color:#222020;} .logo{font-size:22px; font-weight:bold; } .logo a{text-decoration:none;}.logo img{width:80%; height:40px; border-radius:5%;} .nav-links{display:flex; list-style:none; } .nav-links li{margin-left:20px; } .nav-links a{color:#232222; font-weight:700; text-decoration:none; font-size: 16px; transition: color 0.3s ease; } .nav-links a:hover { color:#ff1493; } .menu-toggle{display:none; flex-direction:column; cursor:pointer; border:1px solid rgb(42, 41, 41); border-radius:4px; padding:5px;} .menu-toggle span {width:25px; height:2px; background:#fff; margin:3px 0; transition:0.3s; }
.header{background:#1b0a47; color:#ff1493; text-align:center; padding:10px 20px; } .header h1{font-size:2rem; margin-bottom:10px; font-weight:700; } .header p{font-size:1.2rem; color:#ff4fa6; } .form-section{background:url('<?php echo $domain.'/img/body-back.png' ?>') repeat; padding:10px 20px; display:flex; justify-content:center; } .footer{border-top:2px solid red; max-width:1280px; margin:auto;} .flex{display:flex; justify-content:space-between;} .footer-link{text-align:center; margin-bottom:30px;;} .footer-link a{font-size:120%; font-weight:700; margin:1px 8px;}
@media (max-width:768px){
    .nav-links {position:absolute; top:49px; left:-100%; background:rgb(242, 235, 235); width:100%; height:auto; flex-direction:column; padding-left:15px; transition:left 0.3s ease; z-index:999;} .nav-links li{margin:5px 0; display:block;}.nav-links li a{padding:10px 0; display:block;} .menu-toggle{display:flex; } .nav-links.active{left:0; }
}