@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

:root {
    --bg: #2e3440;
    --text: #eceff4;
    --accent: #88c0d0;
    --button: #5e81ac;
    --button-hover: #49688d;
    --input: #00000055;
    --input-text: #eceff4;
    --danger: #bf616a;
}

*,
::after,
::before {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--bg);
}

a {
    text-decoration: none;
}

/* Game */

.gamex {
    width: 100%;
    height: 100%;
    xmin-width: 500px;
    xmax-width: 1520px;
    margin: 0 auto;
    overflow: hidden;
}

@media (orientation: portrait) {
    .gamex {
        width: 100%;
        height: 100%;
        min-width: auto;
        max-width: auto;
        margin: 0;
        overflow: hidden;
    }
}

.game canvas {
    margin: 0;
    border-radius: 5px;
}

.game input {
    text-align: right;
    cbackground: none !important;
    border-radius: 15px;
}
@font-face {
    font-family: 'Lalezar';
    src: url('../fonts/Lalezar-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'Cairo';
    src: url('../fonts/Cairo-Regular.ttf');
}