/* 
COPYRIGHT AVALANCHE PLEASE DONT REUSE!
SKID = BAD!!
thanks adri for a more updated version
*/
body{
    background-color: #121212;
    color:white;
    margin:0;
    padding:0;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 }
 .navbar{
    width:100%;
    height:60px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    background-color: #7952b3;
    flex-wrap:nowrap;
    
    box-shadow: 0 .5rem 1rem #00000026,inset 0 -1px #ffffff26;
 }
 .nav-element{
    margin-left:10px;
    color:white;
    text-decoration:none !important;
    transition:all 0.2s ease-in-out;
    text-align:center;
    display:grid;
    justify-content:center;
 }
 .nav-element:hover{
    color:#e5e5e5;
 }
 .nav-title{
    padding-left:10px;
    font-size:1.3rem;
    font-weight:600;
    color:white!important;
    text-decoration:none!important;
    display:flex;
 }
 .get-startedpart{
    background-image: url(images/games.jpeg);
    background-repeat:no-repeat;
    background-size:cover;
    text-align:center;
    display:grid;
    justify-content:center;
    justify-items:center;
    padding-bottom:20px;
 }
 .btn{
    color:white;
    background-color:#0096FF;
    border:0;
    font-size:1.1rem;
    border-radius:5px;
    padding:10px;
    cursor:pointer;
    transition:all 0.2s ease-in-out;
 }
 .btn:hover{
    background-color:#0069b3;
 }
 .footer{
    border-top:1px solid gray;
    margin-top:10px;
    background-color:#0d0d0d;
    padding:20px;
 }
 .footer-bottom-sections{
    display:flex;

 }
 .footer-bottom-section{
    display:grid;
    margin-right:10%;
    
 }
 .footer-bottom-section *{
    text-decoration: none !important;
    color: rgb(160, 160, 160) !important;
 }
 .footer-text{
    text-decoration: none !important;
    color: rgb(160, 160, 160) !important;
 }
 .title-beta{
    font-size:0.5rem;
    height:100%;
    text-align:start;
    margin:0;
 }
 .after-get-started-containers{
    display:flex;
    /*width:100%;*/
    padding:1.25rem;
    gap:10px;
    justify-content:center;
 }
 .index-explain-container{
    padding: 1.25rem;
    width:40%;
    border-radius:5px;
    cursor:pointer;
    background-color:#0d0d0d;
    
 }
 .rightcont{
   
 }
 .leftcont{
    
 }
 .warning{
   width:100%;
   outline-width: 10px;
   outline-color: #fff;
   display:flex;
   justify-content:center;
   background-color:orange;
   color: #ffffff;
   height:50px;
 }
 .warning-text{
    font-size:1.0rem;
    margin:15px;
 }