html {
    scroll-behavior: initial;
}

body {
    padding: 0; 
    margin: 0; 
    font-family: var(--font);
    background-color: white;
}

* {
    box-sizing: border-box;
}

.max-width {
    width: 100%; 
    max-width: var(--max-width);
    margin: 0 auto;
    background-color: #ffffff;
}

.max-width-limiter {
    max-width: var(--max-width);
}

.overflow-hidden {
    overflow: hidden;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}
 
:root {
    --xxxsmall: 0.2360828547960445rem; 
    --xxsmall: 0.38198205906rem; 
    --xsmall: 0.61804697157rem;
    --small: 1rem;
    --medium: 1.618rem;
    --large: 2.617924rem;
    --xlarge: 4.235801032rem;
    --xxlarge: 6.853526069776rem; 
    --xxxlarge: 11.08900518089757rem;
    --xxxxlarge: 17.94201038269217rem; 
    --font: system-ui, "Segoe UI", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --color: #001F54;
    --sec-color: #ffffff; 
    --bg-color: #00E0FF; 
    --sec-bg-color: #5D3FD3; 
    --action-color: #FF4D88;
    --bg-color-grad:  linear-gradient(135deg, rgba(0, 31, 84, 0.7), rgba(0, 224, 255, 1));
    --sec-bg-color-grad: linear-gradient(135deg, rgba(93, 63, 211, 0.9), rgba(102, 102, 102, 0.7));
    --fancy: "Rochester", cursive;
    --border-radius: 10px; 
    --border-radius-desktop: 20px; 
    --timing-func: cubic-bezier(0.4, 0, 0.2, 1); 
    --line-height: 1.2; 
    --text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7), 0 0 10px rgba(255, 255, 255, 0.9); 
    --max-width: 2560px; 
    --bg-tint: rgba(93, 63, 211, .5);
    --burger-size: 60px;
    --burger-height: 5px;
    --burger-width: 25px;
}