*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#474646}.navbar ul li{display:flex;list-style:none;justify-content:space-between}.navbar ul{display:flex;gap:20px}.navbar{display:flex;justify-content:space-around;align-items:center;background-color:#7a3ee8;padding:10px 20px;color:#fff;font-size:20px}.navbar .logo{font-weight:700;font-size:24px}.navbar ul li a{text-decoration:none;color:#fff}.navbar ul li a:hover{color:#ddd}main{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}#title{padding:10px;border:none;border-radius:5px;background-color:#f2f2f2;font-size:18px;width:100%}#note{padding:10px;border:none;border-radius:5px;background-color:#f2f2f2;font-size:18px;width:100%;height:30vh}.notebox{max-width:600px;width:100%;background-color:#7a3ee8;color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0009;margin:0 auto}button{padding:10px 20px;border:none;border-radius:5px;background-color:#14ee6f;color:#fff;font-size:18px;cursor:pointer}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.card{background-color:#b191ec;color:#000;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px;width:600px;display:flex;flex-direction:column;align-items:center}.card h3{font-size:24px;margin-bottom:10px}.card p{font-size:16px;margin-bottom:10px}h1{font-size:36px;text-align:center;margin-bottom:20px}h2{text-align:center;margin-bottom:20px}label{display:block}