html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    margin: 0;
    background: url("background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
* {
    font-family: 'IBM Plex Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}
main {
    display: grid;
    align-content: center;
    justify-items: left;
    min-height: 100vh;
    color: #fff;
    max-width: 1688px;
    padding: 70px 16px 30px;
    margin: 0 auto;
    position: relative;
}
h1, h2 {
	font-weight: 400;
    text-align: left;
}
h1 {
	font-size: 56px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
h2 {
	font-size: 24px;
    line-height: 32px;
    margin: 0 0 18px 0;
}
p {
	font-size: 14px;
    color: #a2a5b0;
    margin: 0;
    text-align: left;
}
a {
	color: #0CD664;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}
a:hover {
	color: #51aaff;
}
a:active {
	color: #107fe8;
}
#fallbackElement {
	position: absolute;
    left: 16px;
    top: 20px;
}
.logo {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    color: #111;
}
.logo img {
	width: 158px;
}
.logo span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.4px;
}
.slot-machine {
	width: 100%;
    max-width: 691px;
    margin: 40px 0;
}
/*iframe {
	
    margin: -40px auto 20px;
    width: 100%;
    height: 300px;
    border: none;
    max-width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}


@media screen and (max-width: 991px) and (orientation: landscape) {

    main {
    	align-content: space-between;
        justify-items: center;
        text-align: center;
    }

}

@media screen and (max-width: 768px) {
    body {
        background: url("background-mobile.svg");
        background-repeat: no-repeat;
    	background-size: cover;
    }
    .top-text-block, .bottom-text-block {margin: 0 auto;}
    .main {
        justify-items: center;
        margin-left:4%;
        margin-right: 4%;
    }
    
    .logo {
    	top: 40px;
        text-align: center;
    }
    
    h1 {
    	font-size: 48px;
        text-align: center;
    }
    h2 {
    	font-size: 24px;
        text-align: center;
    }
    p {
        text-align: center;
    }
}