*,*::before,*::after{box-sizing:border-box}body{font-family:'Arial',sans-serif;margin:0;padding:0;background:#252525;color:#fff}body h1{color:#000;font-size:33px;margin:10px;padding:20px;text-align:center;background:skyblue;text-shadow:2px 2px #ff0;border:2px solid #ff0;border-radius:8px}body h4{color:#fff;font-size:25px;margin:10px;padding:10px}body h2{color:#ff0;font-size:20px;text-align:center;margin:10px;padding:10px}body h3{color:red;text-align:center;font-size:22px;margin:10px;padding:10px}body p{color:#000;font-size:16px;margin:10px;padding:10px}body a{text-decoration:none;font-size:18px;text-aling:center}header{background:none;padding:0;margin:0;text-align:center}header h3{font-size:30px;font-weight:700;background:linear-gradient(90deg,#ff00ff,#ffcc00,#00ffff,#ff00ff,#ffffff,#ffff00,#80ff80,#ff00ff,#ffcc00,#ddd);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:gradientFlow 25s infinite linear}@keyframes gradientFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}.menu-container{position:relative;color:#000;background-color:blue;padding:10px;display:flex;justify-content:space-between}.hamburger-icon{font-size:30px;cursor:pointer;color:#fff;display:none}.menu{display:flex;justify-content:space-around;margin:auto}.menu a{text-decoration:none;color:#fff;font-weight:700;padding:10px 15px;transition:0.3s ease}.menu a:hover{background-color:#3f3fff;border-radius:5px}@media screen and (max-width:768px){.hamburger-icon{display:block}.menu{display:none;flex-direction:column;position:absolute;top:60px;right:0;width:100%;background-color:#333;text-align:center;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.menu.active{display:flex}.menu ul{flex-direction:column}.menu li{margin:10px 0}.menu a{display:block;padding:12px}}section{padding:40px 20px;max-width:1200px;margin:0 auto;text-align:center}section h2{font-size:2.1rem;text-align:center;margin-bottom:20px;color:#fff}section p{font-size:1rem;color:#000;line-height:1.6}.about{background-color:#7f7;padding:40px 30px}.about h2{margin-bottom:15px;text-align:center;font-size:30px;color:blue}.about p{max-width:800px;margin:0 auto;font-size:20px;text-align:center;line-height:1.6}.img{display:flex;justify-content:center;align-items:center}footer{background-color:#333;color:#ddd;text-align:center;padding:10px}footer p{color:#ddd;margin:0}.box{padding:10px;background-color:#aad84d;border:none;border-radius:none;margin:0;overflow:auto}.box h2{color:blue;text-align:center;margin:10px;font-size:25px;text-align:center}.box p{color:green;font-size:20px;text-align:center}.styles{display:flex;flex-wrap:wrap;gap:10px;padding:10px}.style{margin:auto;color:#fff;text-align:center;border-radius:10px;display:flex;justify-content:center;align-items:center;background:skyblue;height:5rem;transition:all 0.4s ease;overflow:auto}.style a{color:#000;font-weight:700;padding:15px;border:none;border-radius:10px;text-decoration:none;text-shadow:1px 1px #ff0;transition:all 0.4s ease}.style:hover{background:green}.style a:hover{color:blue;text-decoration:underline}@media (min-width:768px){.style{flex:1 1 calc(30% - 20px)}}@media (max-width:640px){.style{flex:1 1 calc(850% - 10px)}}