.nav{display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff;padding:15px 20px;flex-wrap:wrap;cursor:pointer}.nav h1{font-size:20px}.c1{padding:8px 20px;background:#dc143c;border:none;border-radius:20px;color:#fff;cursor:pointer;transition:.3s}@media(max-width:500px){.c1{width:100%;margin:10px}}.c1:hover{background:#8b0000;transform:scale(1.05)}.card1{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;background:#f5f5f5;cursor:pointer}.video-box{position:relative;width:100%;padding-bottom:56.25%;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0003;transition:.3s;cursor:pointer}.video-box{box-shadow:0 0 5px #cc5281}.video-box:hover{transform:translateY(-5px);box-shadow:0 0 10px red}.video-box iframe{position:absolute;width:100%;height:100%;left:0;top:0;border:none}.footer{background:#111;color:#fff;text-align:center;padding:20px 10px;margin-top:30px}.footer p{margin-bottom:10px;font-size:14px}.footer .social a{margin:0 10px;color:#667eea;text-decoration:none;font-weight:700;transition:.3s}.footer .social a:hover{color:#ff4d6d;transform:scale(1.1)}*{margin:0;padding:0}.car{width:250px;box-shadow:0 0 10px #030a2b;padding:60px;margin-top:80px;border-radius:50%;cursor:pointer}input::placeholder{color:#000}button{cursor:pointer}h1{text-decoration:underline;margin-bottom:10px}.c{width:95%;margin:10px;padding:5px;background:salmon}.card{display:flex;justify-content:center;align-items:center;text-align:center;background:radial-gradient(#43cea2,#185a9d);min-height:100vh}input{width:90%;margin:10px;padding:3px;border:none;background:none;border-bottom:2px solid red;outline:none;cursor:pointer}button:hover{background:peru}.car:hover{border-left:20px solid red;border-right:20px solid orange;border-top:1px solid brown;border-bottom:2px solid sandybrown}small button{width:100px;height:20px;color:#fff;background:gray}small button:hover{background:orange;color:#000}.car{border-left:20px solid #43cea2;border-right:20px solid #1a63a0;border-top:1px solid rgb(179,142,93);border-bottom:1px solid sandybrown}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:480px){.car{padding:30px 35px;margin-top:50px}h1{font-size:20px}small{margin:10px}.card{display:flex;justify-content:center;align-items:center;text-align:center;background:#87ceeb;min-height:100vh}}
