/* css/base.css */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Pacifico|Open+Sans:400,700&display=swap');

/* Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(233, 30, 99, 0.3);
}

/* Body Styles */
body {
    font-family: 'Open Sans', sans-serif;
    background: url('../assets/images/background.jpg') no-repeat center center fixed;
    background-size: cover;
    /* overflow: hidden; */
}

html {
    font-size: 100%; /* Default browser font size */
}

@media (max-width: 600px) {
    html {
        font-size: 90%; /* Reduce base font size on small screens */
    }
}

@media (max-width: 400px) {
    .content {
        transform: scale(0.9);
        transform-origin: center;
    }
}