/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

:root {
    --copyright: "© 2026 Quickrave Vending, All rights reserved.";
     
    --accent: #072B45; 
    --primary: #000000; 
    --secondary: #414141; 
    --background: #EAECED; 
    --selection: #f14a3840; 
    --green: #62A248; 
    --white: #FFFFFF;
    --radius: 16px; 
    --old: #F14938;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@media only screen and (max-width: 600px) {
    
}

@media only screen and (max-width: 800px) {
   
}

@media only screen and (min-width: 600px) {
    
}

html {scroll-behavior: smooth;}

header {z-index: 990; display: flex; position: fixed; top: 0px; left: 0px; margin: 0px; padding: 0px 30px; width: calc(100% - 60px); height: 64px; align-items: center; justify-content: space-between; font-size: 14px; background-color: var(--white);}
header > ul {margin: 0px; padding: 0px; list-style: none; display: flex; gap: 16px; align-items: center;}
body {margin: 0px; padding: 0px; font-family: 'Inter', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px; background-color: #FFFFFF;}
footer {z-index: 992; margin: 0px 30px; padding: 30px 0px; border-top: 1px solid #CCCCCC; font-size: 12px;}

h1, h2, h3, h4 {margin: 0; padding: 8px 0px;}
hr {margin: 30px 0px; padding: 0; opacity: 0.4;}

#page {margin: 0px; padding: 64px 0px 0px 0px; background-color: var(--white);}

.button {margin: 0px; padding: 12px 16px; text-decoration: none; cursor: pointer; border: none; border-radius: 999px; box-shadow: none; color: var(--white); background-color: var(--accent); font-size: 14px; font-weight: 700;}
.button-light {margin: 0px; padding: 12px 16px; text-decoration: none; cursor: pointer; border: none; border-radius: 999px; box-shadow: none; color: var(--accent); background-color: var(--white); font-size: 14px; font-weight: 700;}

.discrete {text-decoration: none;}
.inherit {color: inherit;}
.separator-text::after {content: "|"; margin: 0px 4px;}


/* html {scroll-behavior: smooth;}
body {margin: 0px; padding: 0px; font-family: 'Inter', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 16px; background-color: #FFFFFF;}
footer {z-index: 992; margin: 0px 30px; padding: 30px 0px; border-top: 1px solid #CCCCCC; font-size: 12px;}
footer > div:last-child > span:last-child {float: right;} */


nav {margin: 0px; padding: 0px 0px; width: 100%; height: 64px; background-color: #000000;} 

#floating-button {position: fixed; right: 30px; bottom: 30px; box-shadow: 4px 4px 5px rgba(0,0,0,0.15); transition: transform 0.3s ease;}
#floating-button:hover {transform: scale(1.1);}
#copyright::after {content: var(--copyright);}