body {
            
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: black;
            margin: 5px; 
            border: 1px;
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(10, 75px); 
            grid-template-rows: repeat(10, 75px);
            gap: 5px; 
        }

        .block {
            width: 75px; 
            height: 75px; 
            background-color: red; 
            cursor: pointer; 
            position: relative;
            left: 350px;
        }
       
        .oog1 {
            width: 75px;
            height: 75px;
            background-color: white;
            display: grid;
            left: 510px;
            position: relative;
            bottom: 635px;
        }
       
        .oog2 {
            width: 75px;
            height: 75px;
            background-color: white;
            display: grid;
            left: 910px;
            position: relative;
            bottom: 710px;
        }
            
        .rand {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 910px;
            position: relative;
            bottom: 385px;
        }
        .rand2 {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 830px;
            position: relative;
            bottom: 460px;
        }
        .rand3 {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: -265px;
            position: relative;
            bottom: -200px;
        }
        .rand4 {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 990px;
            position: relative;
            bottom: 610px;
        }
        .rand5 {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 910px;
            position: relative;
            bottom: 765px;
        }
        .rand6 {
            width: 235px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 430px;
            position: relative;
            bottom: 760px;
        }
        .rand7 {
            width: 75px;
            height: 75px;
            background-color: rgb(0, 0, 0);
            display: grid;
            left: 510px;
            position: relative;
            bottom: 915px;
        }
       

        @media only screen and (max-width: 2000px) {
    .block {
        background-color: rgb(255, 255, 0);
    }
}

@media only screen and (max-width: 2000px) {
    .oog1 {
        background-color: lightcoral;
    }
}
@media only screen and (max-width: 2000px) {
    .oog2 {
        background-color: lightcoral;
    }
}