find Cursor animations and etc in this code: 


<!DOCTYPE html><html><head><title>CSS SCANNER</title><meta charSet="utf-8"/><meta name="viewport" content="initial-scale=1.0, width=device-width"/><link rel="icon" type="image/x-icon" href="/16.png"/><meta name="next-head-count" content="4"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/_next/static/media/2b2097333e6cec19-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/9e19177b909dc5f9-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/e0325a535de0cac4-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/6968fd4dd9bd5cb1-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/642d543dfeb8ec8e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/496f19545cf30b72-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/9ec6b988f735f469-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/b0ed03b49c87b6f2-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/b201ffed9dc20192-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/98543342c96067df-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/2eea9e61e055ef0c-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/f45953bdf36f5fb3-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/6841c901ccede964-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/db7ccaa76a0341ed.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/db7ccaa76a0341ed.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/76e305e3fceb5edf.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/76e305e3fceb5edf.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-59c5c889f52620d6.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-98741467467a0898.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-21bb6eddebe147bb.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-dd5ee5635fa9c5af.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/663-2d23dadc09223862.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/index-692bebe9989df222.js" defer="" crossorigin=""></script><script src="/_next/static/as7HoZNUeslIcDjwgq02X/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/as7HoZNUeslIcDjwgq02X/_ssgManifest.js" defer="" crossorigin=""></script><style data-href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap">@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOel.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-el.woff) format('woff')}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-el.woff) format('woff')}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga'}@font-face{font-family:'Material Symbols Outlined';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v175/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2')}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}</style></head><body><div id="__next"><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><nav class="fixed bottom-10 left-0 right-0 z-50 mx-auto my-0 flex  w-[306px]  items-center justify-center gap-1 rounded-xl bg-[#07070a]/90 px-1 py-1 text-[#e4ded7] shadow-md shadow-cyan-300 backdrop-blur-md sm:w-[383.3px] md:p-2 lg:w-[391.3px]"><a data-blobity-magnetic="false" aria-label="Scroll to Features Section" href="/#pricing"><h4 class="rounded px-2 py-2 text-[12px] sm:px-4 sm:text-[14px] md:px-4 md:py-1">Pricing</h4></a><a data-blobity-magnetic="false" aria-label="Scroll to Features Section" href="/#features"><h4 class="rounded px-2 py-2 text-[12px] sm:px-4 sm:text-[14px] md:px-4 md:py-1">Features</h4></a><a data-blobity-magnetic="false" aria-label="Scroll to FAQ Section" href="/#faq"><h4 class="rounded px-2 py-2 text-[12px] sm:px-4 sm:text-[14px] md:px-4 md:py-1">FAQ</h4></a><button type="button" class=" ml-2 rounded-lg bg-gradient-to-r from-teal-200 to-lime-200 px-5 py-2.5 text-center text-sm font-bold text-gray-900 outline-none hover:bg-gradient-to-l hover:from-cyan-300 hover:to-blue-300 focus:outline-none  focus:ring-lime-200 dark:focus:ring-teal-700">Buy Now</button></nav><main class="flex flex-col bg-black items-center justify-center"><section class="bg-gray-100 w-full pb-48 pt-44"><div class="absolute inset-0 bg-[url(https://play.tailwindcss.com/img/grid.svg)] bg-center [mask-image:linear-gradient(180deg,white,rgba(255,255,255,0))]"></div><div class="mx-auto max-w-7xl px-12"><div class="mx-auto w-full text-left md:w-11/12 md:text-center xl:w-9/12"><h1 class="mb-8 animate-[fade-in-down_1s_ease-in-out] text-4xl font-extrabold leading-none tracking-normal text-gray-900 md:text-6xl md:tracking-tight"><p aria-label="Copy HTML and CSS from any page!" role="heading" class="mb-510 z-50 bg-gradient-to-r from-slate-950 via-blue-500 to-purple-600 bg-clip-text text-3xl font-medium text-transparent sm:text-7xl" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">Copy HTML and CSS from any page!</p><span></span></h1><p class="mb-8 px-0 text-lg text-gray-600 md:text-xl lg:px-24">CSS SCANNER is a simple extension that lets you export CSS and HTML code from any page.</p><div class="mb-4 space-x-0 md:mb-8 md:space-x-2"><a title="GET CSS SCANNER" class="group  relative mb-2 mr-2 inline-flex items-center justify-center overflow-hidden rounded-lg bg-gradient-to-br from-purple-600 to-blue-500 p-0.5 text-sm font-medium text-gray-900 hover:cursor-pointer " href="/#pricing"><span class="relative  rounded-md bg-black  bg-opacity-0 px-5 py-2.5 text-white transition-all duration-75  ease-in dark:bg-black">GET CSS SCANNER</span></a></div></div><div class="max-lg:hidden "><div class="swiper mySwiper"><div class="swiper-wrapper"><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b1.19d311d4.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b2.9d9ebc8a.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b4.fc34e7b0.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b3.f03c5a05.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b5.9d3aa147.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b6.09949c54.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b7.384fd437.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b8.b7d13cf7.jpg"/></div><div class="swiper-slide"><img alt="Website" loading="lazy" width="300" height="300" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/b9.986a5c3a.jpg"/></div></div></div></div></div></section><div class="bg-slate-950 mt-0 mb-0 w-full pb-00 pt-0" id="features"><section class="relative pt-28 pb-36 bg-black overflow-hidden"><div class="container mx-auto px-4"><p class="mb-6 font-heading text-xs text-gray-400 text-center uppercase tracking-px">The features that make us special</p><h2 class="mb-20 max-w-xl bg-gradient-to-r transition ease-in-out duration-700 from-sky-800 via-blue-500 to-purple-600 bg-clip-text leading-10 tracking-tight hover:text-slate-400 mx-auto font-heading font-semibold text-center text-6xl sm:text-7xl text-transparent">A simple &amp; smart way to export CSS and HTML</h2><div class="flex flex-wrap -m-4"><div class="w-full md:w-1/3 p-4"><div class="h-full p-9 rounded-3xl border-slate-500 transition ease-in-out duration-300 hover:border-sky-300 border"><img class="mb-12" src="cursor.svg" alt=""/><h3 class="font-heading font-bold text-white text-2xl"><span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 to-cyan-500">Inspect</span><span> <p aria-label="html and css by just hovering over elements." role="heading" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">html and css by just hovering over elements.</p></span></h3></div></div><div class="w-full md:w-1/3 p-4"><div class="h-full p-9 rounded-3xl border-slate-500 transition ease-in-out duration-500 hover:border-orange-200 border"><img class="mb-12" src="ruler.svg" alt=""/><h3 class="font-heading font-bold text-white text-2xl"><span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-500">Measure</span><span> <p aria-label="distances and dimensions accurately." role="heading" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">distances and dimensions accurately.</p></span></h3></div></div><div class="w-full md:w-1/3 p-4"><div class="h-hull p-9 rounded-3xl border-slate-500 transition ease-in-out duration-500 hover:border-green-200 border"><img class="mb-12" src="eyedropper.svg" alt=""/><h3 class="font-heading font-bold text-white text-2xl"><span class="text-transparent bg-clip-text bg-gradient-to-r from-green-300 to-green-500">Capture</span><span> <p aria-label="any color from a webpage effortlessly." role="heading" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">any color from a webpage effortlessly.</p></span></h3></div></div></div></div></section><section class="relative pt-24 bg-black overflow-hidden"><div class="container mx-auto px-4"><p aria-label="Supercharge Your Productivity!" role="heading" class="mb-4 font-heading font-semibold text-center text-6xl sm:text-7xl text-white" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">Supercharge Your Productivity!</p><p aria-label="Elevate Your Web Development." role="heading" class="mb-11 text-gray-400 text-center" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">Elevate Your Web Development.</p><div class="flex mt-10 flex-wrap items-center -m-6"><div class="w-full flex flex-wrap items-end lg:w-1/2 p-6"><img class="w-[300px] ml-52 border border-slate-500 hover:border-cyan-500 transition ease-in-out duration-200 rounded-xl h-[600px]" src="https://buffer.nyc3.cdn.digitaloceanspaces.com/css-scanner/css_editor.png" alt="editor example"/></div><div class="w-full lg:w-1/2 p-6"><div><div class="shtack lg:scale-75 scale-90  z-50"><div class="ontent ard"><p><b><span id="desktop-prompt">Hover</span><span id="mobile-prompt">Tap</span> me!</b></p><p>Design visually with ease, customize styles, and see changes in real-time.</p></div><div class="adding ard"></div><div class="borde ard"></div><div class="backgrounds ard"></div><div class="box-shadows ard"></div></div></div></div></div></div></section></div><div><section class="bg-black w-full pt-56 pb-24 mx-auto grid grid-cols-1 md:grid-cols-2 pl-28 pr-28 justify-center items-center" id="SECTION_1"><article class="text-start  "><h1 class="text-2xl md:text-4xl text-white font-bold" id="H1_3">Now you can easily edit elements <br id="BR_4"/> before you export<br id="BR_5"/><span class="text-sky-400" id="SPAN_6">with the new visual editor</span></h1><p class="text-md text-gray-500 mt-4" id="P_7">With the live visual editor you can now reposition elements, change the background color and even change the size by simply just clicking and dragging the element on the edges.</p></article><article class="flex justify-end -ml-10 items-center" id="ARTICLE_27"><div class="w-[540px] h-full bg-sky-800 rounded-2xl border shadow-md shadow-sky-700 border-slate-600 dark:border-white" id="DIV_28"><img alt="css scanner demo" src="https://buffer.nyc3.cdn.digitaloceanspaces.com/css-scanner/css2.gif" class="w-full h-full outline-none object-cover rounded-2xl" id="IMG_29"/></div></article></section></div><section class="pt-28 w-full pb-32 bg-black overflow-hidden"><div class="container mx-auto px-4"><p class="mb-16 font-heading font-semibold text-xl sm:text-7xl text-white text-center">Works With</p><div class="flex flex-wrap justify-center items-center -m-10 pb-10"><div class="w-auto p-10"><img src="brave_lion.svg" alt=""/></div><div class="w-auto p-10"><img src="chrome.svg" alt=""/></div><div class="w-auto p-10"><img src="edge.svg" alt=""/></div></div></div></section><section class="relative mb-0 mt-0 w-full py-28 md:py-64 bg-black overflow-hidden"><img class="absolute top-0 transform scale-95" src="gradia-assets/elements/testimonials/radial.svg" alt=""/><div class="relative z-50  container mx-auto px-4"><div class="flex flex-wrap -m-6"><div class="w-full md:w-1/2 p-6"><div class="h-full md:max-w-lg"><div class="flex flex-wrap h-full -m-6"><div class="w-full p-6"><h2 class="mb-6 font-heading font-bold text-6xl sm:text-7xl text-white">Used by 250+ developers, designers &amp; makers.</h2></div></div></div></div></div></div><div class="px-4 mt-12 md:mt-0 md:w-1/2 md:absolute md:right-0 md:top-1/2 md:transform md:-translate-y-1/2"><div class="flex flex-nowrap -m-4"><div class="flex-shrink-0 p-4"><div class="max-w-xl rounded-3xl bg-white py-16 px-20 rounded-10"><img src="gradia-assets/elements/testimonials/quote.svg" alt=""/><p class="my-16 font-heading font-medium text-2xl text-gray-900">Saves me a lot of time. I can explore different websites and see how they&#x27;re built, which colors they&#x27;re using, and how they&#x27;re laying out their content. Love it.</p><p class="font-heading font-bold text-lg text-gray-900">Divash Patel</p><p class="text-sm text-gray-600">Software Developer</p></div></div><div class="flex-shrink-0 p-4"><div class="max-w-xl h-[420px] rounded-3xl bg-white py-16 px-20 rounded-10"><img src="gradia-assets/elements/testimonials/quote.svg" alt=""/><p class="my-16 font-heading font-medium text-2xl text-gray-900">Its pricy but saves me a lot of time. Not bad. Please add more features especially on the editor, like ...</p><p class="font-heading font-bold text-lg text-gray-900">Sh!tdom</p><p class="text-sm text-gray-600">Designer</p></div></div></div></div></section><section id="faq" class="relative w-full overflow-hidden bg-black pb-32 pt-24"><div class="container relative z-10 mx-auto px-4"><h2 class="font-heading mb-16 text-6xl font-semibold text-white sm:text-7xl">Frequently Asked Question</h2><div class="border-t border-white border-opacity-10 py-9"><div class="-m-6 flex flex-wrap"><div class="w-full p-6 md:w-1/2"><h3 class="font-heading text-xl font-medium text-white">Is CSS SCANNER compatible with my operating system?</h3></div><div class="w-full p-6 md:w-1/2"><div class="md:max-w-xl"><p class="text-base text-gray-200">CSS SCANNER is a Chrome extension, which means it is compatible with all major operating systems, including Windows, macOS, and Linux, as long as you have the Google Chrome browser installed.</p></div></div></div></div><div class="border-t border-white border-opacity-10 py-9"><div class="-m-6 flex flex-wrap"><div class="w-full p-6 md:w-1/2"><h3 class="font-heading text-xl font-medium text-white">Is there customer support available if I encounter any issues?</h3></div><div class="w-full p-6 md:w-1/2"><div class="md:max-w-xl"><p class="text-base text-gray-200">Absolutely, If you encounter any problems or have any questions feel free to<!-- --> <a class="text-sky-500 underline underline-offset-1" target="_blank" href="https://forms.gle/gh5gXLXnBdE1zSFw7">reach out.</a></p></div></div></div></div><div class="border-b border-t border-white border-opacity-10 py-9"><div class="-m-6 flex flex-wrap"><div class="w-full p-6 md:w-1/2"><h3 class="font-heading text-xl font-medium text-white">Is there a trial period or a money-back guarantee?</h3></div><div class="w-full p-6 md:w-1/2"><div class="md:max-w-xl"><p class="text-base text-gray-200">You get 14-day money-back guarantee only if you buy a lifetime subscriptions.</p></div></div></div></div></div></section><section class="relative z-10 flex h-[85vh] w-full items-center justify-center overflow-hidden bg-black bg-cover bg-center py-16 md:h-[80vh] md:py-20 lg:h-[90vh] lg:pt-0 lg:pb-28" id="contact"><div class="mx-auto  flex w-[90%] flex-col items-center justify-center pt-10 md:pt-0"><div class="flex flex-col items-start justify-center __className_0ddfd0 relative w-full sm:items-center lg:max-w-[1440px] "><h1 aria-label="GET STARTED" role="heading"><span class="flex max-w-[500px] flex-col items-start text-left text-[150px] font-extrabold uppercase leading-[0.9em] text-[#e4ded7] sm:max-w-full sm:flex-row sm:items-center sm:justify-center sm:text-center sm:text-[170px] md:text-[200px] lg:text-center lg:text-[270px] xl:text-[390px]"><div class="flex items-center justify-center overflow-hidden last:-mr-10"><span class="-mb-4 inline-block overflow-hidden pt-1 sm:-mb-2 md:-mb-3 lg:-mb-4" style="opacity:0;transform:translateY(150px) translateZ(0)">GET </span></div><div class="flex items-center justify-center overflow-hidden last:-mr-10"><span class="-mb-4 inline-block overflow-hidden pt-1 sm:-mb-2 md:-mb-3 lg:-mb-4" style="opacity:0;transform:translateY(150px) translateZ(0)">STARTED </span></div></span></h1></div></div></section><section class="relative w-full overflow-hidden bg-black pb-36 pt-24"><img class="absolute left-1/2 -translate-x-1/2 scale-95 transform" src="radial-Pink.svg" alt=""/><div class="container relative z-10 mx-auto px-4"><div class="mx-auto mb-20 max-w-xl"><h2 class="font-heading mb-5 text-center text-6xl font-bold text-white sm:text-7xl">Choose your right plan</h2></div><div class="-m-7 flex flex-wrap"><div class="w-full p-7 md:w-1/3"><div class="rounded-10 h-full border border-gray-800 p-8"><div class="mb-7 flex flex-wrap justify-between border-b border-gray-800 pb-7"><div class="w-full xl:w-auto"><h3 class="font-heading text-2xl font-bold text-white">Monthly</h3></div><div class="w-full xl:w-auto xl:text-right"><h3 class="font-heading mb-0.5 text-2xl font-bold text-white">$2/month</h3><p class="text-sm text-gray-400">(billed every month)</p></div></div><ul class="mb-8"><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Full Visual Editor</p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Export CSS &amp; HTML </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">CSS Inspector </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Color Eyedropper</p></li><li class="font-heading flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Measure Elements</p></li></ul><button class=" font-heading tracking-px group relative mb-3 w-full overflow-hidden rounded-md text-xs font-semibold uppercase text-gray-900 md:w-auto"><a href="https://css-scanner.lemonsqueezy.com/checkout/buy/9af71b26-8123-45fd-8a72-2bc10ada034f?embed=1&amp;media=0&amp;desc=0&amp;disabled=136691%2C136690" class="lemonsqueezy-button"><div class="absolute left-0 top-0 h-full w-full -translate-y-full transform bg-black transition duration-500 ease-in-out group-hover:-translate-y-0"></div><div class="overflow-hidden rounded-md bg-white px-9 py-4 hover:bg-gray-100"><p class="relative z-10 text-lg group-hover:text-white">Buy now</p></div></a></button></div></div><div class="w-full content-center p-7 align-middle md:w-1/3"><div class="bg-gradient-cyan2 rounded-10 h-full border border-gray-800 p-0.5"><div class="rounded-10 bg-black p-8"><div class="mb-7 flex flex-wrap justify-between border-b border-gray-800 pb-7"><div class="w-full xl:w-auto"><h3 class="font-heading text-2xl font-bold text-white">Yearly</h3></div><div class="w-full xl:w-auto xl:text-right"><h3 class="font-heading mb-0.5 text-2xl font-bold text-white">$1.6/month</h3><p class="text-sm text-gray-400">($20 billed yearly)</p></div></div><ul class="mb-8"><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Full Visual Editor</p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Export CSS &amp; HTML </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">CSS Inspector </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Color Eyedropper</p></li><li class="font-heading flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Measure Elements</p></li></ul><button class="font-heading tracking-px group relative mb-3 w-full overflow-hidden rounded-md text-xs font-semibold uppercase text-white md:w-auto "><a class="lemonsqueezy-button" href="https://css-scanner.lemonsqueezy.com/checkout/buy/a82781b0-be6d-4323-bc44-1fa7387c9a0b?embed=1&amp;media=0&amp;logo=0&amp;desc=0&amp;dark=1&amp;disabled=136691%2C136689"><div class=" border-wh rounded-10 absolute left-0 top-0 h-full w-full -translate-y-full transform bg-white transition duration-500 ease-in-out group-hover:-translate-y-0"></div><div class="broder-white rounded-10 border-1 overflow-hidden bg-gray-900 px-9 py-4 hover:bg-gray-800"><p class="relative z-10 text-lg group-hover:text-gray-800">Buy now</p></div></a></button></div></div></div><div id="pricing" class="w-full p-7 md:w-1/3"><div class="rounded-10 h-full border border-gray-800 p-8"><div class="mb-7 flex flex-wrap justify-between border-b border-gray-800 pb-7"><div class="w-full xl:w-auto"><h3 class="font-heading text-2xl font-bold text-white">Lifetime</h3></div><div class="w-full xl:w-auto xl:text-right"><h3 class="font-heading mb-0.5 text-2xl font-bold text-white">$49</h3><p class="text-sm text-gray-400">Once off payment</p></div></div><ul class="mb-8"><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Full Visual Editor</p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Export CSS &amp; HTML </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">CSS Inspector </p></li><li class="font-heading mb-4 flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Color Eyedropper</p></li><li class="font-heading flex items-center text-base font-medium text-gray-900"><img class="mr-2.5" src="gradia-assets/elements/pricing/checkbox.svg" alt=""/><p class="text-white">Measure Elements</p></li></ul><button class="font-heading tracking-px group relative mb-3 w-full overflow-hidden rounded-md text-xs font-semibold uppercase text-gray-900 md:w-auto"><a class="lemonsqueezy-button" href="https://css-scanner.lemonsqueezy.com/checkout/buy/2a69e27e-aaf5-4e75-9637-1e488d3707e5?embed=1&amp;media=0&amp;logo=0&amp;desc=0&amp;dark=1&amp;disabled=136689%2C136690"><div class="absolute left-0 top-0 h-full w-full -translate-y-full transform bg-black transition duration-500 ease-in-out group-hover:-translate-y-0"></div><div class="overflow-hidden rounded-md bg-white px-9 py-4 hover:bg-gray-100"><p class="relative z-10  text-lg group-hover:text-white">Buy Now</p></div></a></button><p class="text-sm text-gray-500">(14-day money-back guarantee)</p></div></div></div></div></section><section class=" h-[15vh] w-full  items-center justify-center border-t-2 border-[#555]/30 bg-[#000] pt-10  font-bold uppercase md:h-[20vh] md:py-16 lg:border-b-2 lg:border-slate-600 lg:h-[10vh] lg:pt-6 lg:pb-10"><div class="mx-auto flex w-[90%] flex-row items-center justify-between text-center text-[12px] text-[#e4ded7] sm:text-[12px] md:text-[14px] lg:max-w-[1440px] lg:text-[14px]"><div class="flex flex-col sm:flex-row  sm:gap-1 md:gap-2"><a class="pb-3 border-slate-500" href="https://www.producthunt.com/posts/css-scanner?utm_source=badge-top-post-topic-badge&amp;utm_medium=badge&amp;utm_souce=badge-css-scanner" target="_blank"><img class="outline outline-slate-600 rounded-xl" src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=379127&amp;theme=dark&amp;period=weekly&amp;topic_id=267" alt="CSS SCANNER - Scan, edit &amp; export CSS &amp; HTML like a boss | Product Hunt" style="width:250px;height:54px" width="250" height="54"/></a></div><a href="/privacy-policy">Privacy Policy</a><p aria-label="Copyright © 2024" role="heading" class="md:mb-15 text-slate-600" aria-hidden="true" style="opacity:0;transform:translateY(1em) translateZ(0)">Copyright © 2024</p></div></section></main></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"as7HoZNUeslIcDjwgq02X","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>