@font-face{
    font-family:"Edosz";
    src:url("fonts/edosz.ttf") format("truetype");
 font-display: swap; }
@font-face{
    font-family:"TojoCaptioner";
    src:url("fonts/TheTojoCaptioner-Regular.ttf") format("truetype");
 font-display: swap; }
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    background:#0b0b0b;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    font-family:Arial,sans-serif;
}
.wrapper{
    width:min(1180px,94vw);
    text-align:center;
}
h1{
    font:normal 50px Edosz,sans-serif;
    line-height:1;
    margin-bottom:25px;
    margin-top:25px;
}
.warning{
    background:#111;
    border:2px solid #333;
    padding:36px;
    font-family:"TojoCaptioner",sans-serif;
    font-size:24px;
    line-height:1.7;
    color:#dddddd;
}
.warning strong{
    color:white;
}
.games{
    margin-top:28px;
    color:white;
}
.games div{
    margin:8px 0;
}
.proceed{
    display:inline-block;
    margin-top:48px;
    padding:18px 60px;
    background:#171717;
    border:2px solid #555;
    color:white;
    text-decoration:none;
    font-family:"TojoCaptioner",sans-serif;
    font-size:34px;
    text-transform:uppercase;
    transition:
        background .2s,
        border-color .2s,
        transform .2s;
}
.proceed:hover{
    background:#262626;
    border-color:white;
    transform:scale(1.04);
}
.footer{
    margin-top:26px;
    font-family:"TojoCaptioner",sans-serif;
    color:#777;
    font-size:16px;
    line-height:1.6;
}
@media(max-width:900px){
    h1{
        font-size:42px;
    }
    .warning{
        font-size:18px;
        padding:24px;
    }
    .proceed{
        width:100%;
        font-size:26px;
    }
}