@import "variables.css";
@import "header.css";
@import "hero.css";
@import "cards.css";
@import "modal.css";
@import "footer.css";
@import "breadcrumb.css";
@import "games.css";
@import "game-player.css";
@import "game-detail.css";
@import "responsive.css";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {

    scroll-behavior: smooth;

}

body {

    background: var(--bg-dark);

    color: var(--text);

    font-family: 'Inter', sans-serif;

    line-height: 1.6;

    overflow-x: hidden;

}

.container {

    width: min(1400px, 95%);

    margin: auto;

}

a {

    text-decoration: none;

    color: inherit;

}

img {

    display: block;

    max-width: 100%;

}