/* Tomorrow Regular */
@font-face {
font-family: "Tomorrow";
src: url("../fonts/Tomorrow-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}

/*Exo Regular*/
@font-face {
font-family: "Exo";
src: url("../fonts/Exo-VariableFont_wght.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}

/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
box-sizing: border-box;
}

/* 2. Remove default margin */
* {
margin: 0;
}

body {
/* 3. Add accessible line-height */
line-height: 1.5;
/* 4. Improve text rendering */
-webkit-font-smoothing: antialiased;
height: 100svh;
}

/* 5. Improve media defaults */
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}

/* 6. Inherit fonts for form controls */
input,
button,
textarea,
select {
font: inherit;
}

/* 7. Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}

/* 8. Improve line wrapping */
p {
text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}

/*
9. Create a root stacking context
*/
#root,
#__next {
isolation: isolate;
}

.bg {
background: url("../imgs/gpcasino-background.png") lightgray 50% / cover no-repeat;
height: 100%;
}

.container {
display: inline-flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
gap: 300px;
padding-top: 44px;
}

.logo {
padding: 8px 16px;
}

.content {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
width: 667px;
}

.title {
text-align: center;
color: #F8AE26;
-webkit-text-stroke-width: 1;
-webkit-text-stroke-color: #000;
font-family: Tomorrow;
font-size: 40px;
font-style: italic;
font-weight: 700;
line-height: 48px;
}

.paragraph {
color: #FFF;
text-align: center;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}