
        *{
            margin: 0;
            padding: 0;

        }
        .hide{
            display: none;
        }
        p{
            pointer: ;
        }
        .car,.enemy{
            width: 40px;
            height: 70px;
            position: absolute;
            bottom: 120px;
            background-color: red;
            overflow:hidden;
            border-radius:20px;
            background-image:url("https://i.ibb.co/jfY1jxY/car123.png");
            background-repeat: no-repeat;
            background-size:200% 100%;
            background-position:center;
        }
        .lines{
            width:10px;
            height: 100px;
            background:white;
            position: absolute;
            margin-left: 145px;
        }
        .gameArea{
            width:300px;
            background:#2d3436;
            height:80vh;
            margin: auto;
            position: relative;
            border-right: 7px dashed #c8d6e5;
            border-left: 7px dashed #c8d6e5;

        }
        .score{
            position: absolute;
            top:15px;
            left: 40px;
            background:#222222;
            color:white;
            width: 200px;
            height: 70px;
            text-align: center;
            line-height: 70px;

        }

        .carGame{
            width:100%;
            height:100vh;
            background-image: url("https://drive.google.com/file/d/1LI4xcnMF6NHrztqQPKQueyXqjimq38V1/view?usp=drivesdk");
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        
        .startScreen{
            position: absolute;
            background-color: #ee5253;
            left: 50%;
            top:50%;
            transform: translate(-50%,-50%);
            color: white;
            z-index: 1;
            text-align: center;
            border:1px solid #ff6b66;
            margin:auto;
            font-size: 20px;
            width:300px;
            text-transform: uppercase;


        }
        .buttonArea{
    position:relative;
    width:100%;
    height:20%;
    background-color:#222222;
    
}
.ul{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-around;
    
}
.ul li{
position:absolute ;
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    
}

.ul li i{
    font-size:70px;
    color:#fff;
}
.ul li:nth-child(1){
right:80px;

    
}
.ul li:nth-child(2){
    top:0;
}
.ul li:nth-child(3){
    bottom:0;
}
.ul li:nth-child(4){
left:80px;

    
}
        
        
        
