/* Import Google Fonts - add this to your HTML or at the top of your CSS */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;600;700&display=swap');
:root {
--bulma-primary-h: 306deg;
--bulma-primary-s: 100%;
--bulma-primary-l: 20%;
--bulma-primary-invert-l: 100%;
--bulma-link-h: 265deg;
--bulma-link-s: 100%;
--bulma-link-l: 20%;
--bulma-link-invert-l: 100%;
--bulma-info-h: 41deg;
--bulma-info-s: 100%;
--bulma-info-l: 20%;
--bulma-info-invert-l: 100%;
--bulma-success-h: 153deg;
--bulma-success-s: 53%;
--bulma-success-l: 20%;
--bulma-success-invert-l: 100%;
--bulma-warning-h: 39deg;
--bulma-warning-s: 100%;
--bulma-warning-l: 31%;
--bulma-warning-invert-l: 100%;
--bulma-danger-h: 348deg;
--bulma-danger-s: 86%;
--bulma-danger-l: 20%;
--bulma-danger-invert-l: 100%;
--bulma-scheme-h: 54;
--bulma-scheme-s: 35%;
--bulma-scheme-main-l: 80%;
--bulma-text-l: 29%;
--bulma-family-primary: 'Ubuntu', sans-serif;
--bulma-body-family: 'Ubuntu', sans-serif;
--bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
--bulma-code-family: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
--bulma-size-normal: 18px;
--bulma-weight-normal: 400;
--bulma-weight-bold: 700;
--bulma-radius: 3px;
--bulma-radius-small: 3px;
--bulma-radius-medium: 5px;
--bulma-radius-large: 4px;
--bulma-block-spacing: 1.5rem;
}
/* Film grain overlay */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 9999;
opacity: 0.25;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
background-size: 200px 200px;
background-repeat: repeat;
}