body{font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#333;color:#fff;padding:20px;text-align:center}h1{margin:0}#plans{align-items:flex-start;display:flex;justify-content:center;padding:20px}.plan{background-color:#f1f1f1;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:10px;padding:20px;text-align:center;width:300px}.price{font-size:24px;font-weight:700;margin:10px 0}ul{list-style-type:none;margin-bottom:20px;padding:0}li{margin:5px 0}.btn{background-color:#333;border-radius:3px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:#555}footer{background-color:#333;color:#fff;padding:10px;text-align:center}.header_wrapper{background-color:#f1f1f1;padding:20px;text-align:center}.header{margin:0 auto;max-width:600px}.title{font-size:32px;margin-bottom:10px}.intro{font-size:18px;margin-bottom:20px}.animated-section{text-align:center}.animated-text{animation-delay:.5s;animation-duration:1s;animation-fill-mode:forwards;animation-name:slideIn;opacity:0;transform:translateY(20px)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.docs{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px}.docs h2{font-size:24px;margin-bottom:10px}.docs p{margin-bottom:20px}.docs h3{font-size:20px;margin-bottom:10px}.docs pre{background-color:#222;color:#fff;padding:5px}.docs pre code .key{color:#ffce67}.docs pre code .value{color:#8fd8d2}.docs pre code .comment{color:#aaa}.docs code .tag{color:#f37736}.docs code .attribute{color:#74b49b}.photos{align-items:center;display:flex;justify-content:center}.row{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.col img{height:auto;width:100%}