body{margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body[data-theme=dark]{--background:#030311;--background:#121317;--background:#2e2e38;--background:#1b1c22;--foreground:#ddf0ff;--text-color:#fffaff;--starting-program-background:#1b1c22;--freshers-program-background:#000;--freshers-program-foreground:#292929;--dark-background:#030303}body[data-theme=light]{--foreground:#333;--background:#ffffff;--text-color:#333;--starting-program-background:#707070;--freshers-program-background:teal;--dark-background:#d2d2d2}body[data-theme=gray]{--foreground:#ffffff;--background:#7d7d7d;--text-color:#ebebeb;--starting-program-background:#707070;--freshers-program-background:rgb(49, 49, 49);--dark-background:#d2d2d2}.dropbtn svg{animation:rotate-theme 20s infinite}.dropbtn svg:hover{animation-play-state:paused}@keyframes rotate-theme{10%{rotate:360deg}}body[data-theme=dark] .invert{filter:invert(1)}body[data-theme=light] .invert{filter:invert(0)}body[data-theme=light] .invert-back{filter:invert(0)}.theme__dropdown{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:1rem}.dropbtn{background-color:transparent;color:inherit;padding:10px;border:none;cursor:pointer}.theme__dropdown-content{display:none;position:absolute;background-color:var(--background);color:#000;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:10;border:.1px solid color-mix(in srgb,var(--foreground),transparent 80%);border-radius:4px;left:-180%;top:100%}.dropbtn{padding:8px;border:1px solid transparent;border-radius:4px}.dropbtn:is(:hover,:focus,:active,:focus-visible){border-color:color-mix(in srgb,var(--foreground),transparent 80%);box-shadow:1px 1px 2px 0 color-mix(in srgb,var(--foreground),transparent 80%)}.theme__dropdown-content a{color:var(--foreground);padding:12px 20px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem}.theme__dropdown-content a:hover{background-color:color-mix(in srgb,var(--foreground) 10%,transparent)}.theme__dropdown:hover .theme__dropdown-content{display:block}.content{padding:20px}.flex{display:flex}.items-center{align-items:center}.gap-4{gap:1rem}