*{
margin: 0;
padding: 0;
}
.cookiesb{
z-index: 5000;
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(66 66 66 / 30%);
display: flex;
justify-content: center;    
align-items: center;   
display:none;
overflow: hidden;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.cookies{
position: absolute;
width: 950px;
height: 500px;
box-shadow: 0px 0px 15px rgb(150 150 150 / 90%);
border-radius: 15px;
background-color: rgb(255, 255, 255);
font-weight: 900;
}
.cookiesH1{
text-align: center;
font-size: 50px;
color: rgb(236 255 255);
text-shadow: 0px 0px 13px rgb(255 180 109);
}
.cookiesP{
position: relative;
color: rgba(13, 13, 13, 0.938);
font-size: 21px;
top:20%;
text-align: center;
padding-left:2px;
padding-right:2px;
}
.cookiesBnNC{
position: absolute;
font-size: 50px;
text-align: center;
background-color: rgba(197, 80, 62, 0.712);
border-color:rgba(212, 52, 38, 0.936);
border-style:solid;
border-width:4px;
top: 60%;
left: 21%;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
min-width: 180px;
min-height: 90px;
width: auto;
height: auto;
box-shadow: 0px 0px 5px rgba(28, 28, 28, 0.908);
border-radius: 10px;
transition: 0.5s linear;
cursor: pointer;
color: rgb(255,255,255);
}
.cookiesBnC{
position: absolute;
font-size: 50px;
text-align: center;
background-color: rgba(83, 210, 72, 0.715);
border-color:rgba(48, 199, 34, 0.958);
border-style:solid;
border-width:4px;
top: 60%;
right: 25%;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
min-width: 180px;
min-height: 90px;
width: auto;
height: auto;
box-shadow: 0px 0px 5px rgba(28, 28, 28, 0.908);
border-radius: 10px;
transition: 0.5s linear;
cursor: pointer;
color:rgb(255,255,255);
}
.cookiesBnNC:hover{
    background-color: rgba(222, 80, 67, 0.671);
    box-shadow: 0px 0px 10px rgb(251, 149, 91);
}
.cookiesBnC:hover{
    background-color: rgba(53, 216, 38, 0.475);
    box-shadow: 0px 0px 10px rgba(227, 188, 123, 0.979);
}
@media (max-width:1000px){
    .cookies{
        width: 850px;
        height: 500px;
    }
}
@media (max-width:900px){
    .cookies{
        width: 550px;
        height: 400px;
    }
    .cookiesBnC{
        min-width: 150px;
        min-height: 70px;
        font-size: 30px;
        right: 20%;
    }
    .cookiesBnNC{
        min-width: 150px;
        min-height: 70px;
        font-size: 30px;
        left: 16%;
    }
    .cookiesP{
        top:13%;
    }
}
@media (max-width:600px){
    .cookies{
        width: 400px;
        height: 300px;
    }
    .cookiesBnC{
        min-width: 100px;
        min-height: 50px;
        font-size: 20px;
        right: 20%;
        top:70%;
    }
    .cookiesBnNC{
        min-width: 100px;
        min-height: 50px;
        font-size: 20px;
        left: 16%;
        top:70%;
    }
    .cookiesP{
        top:7%;
    }
}
@media (max-width:410px){
    .cookies{
        width: 300px;
        height: 400px;
    }
    .cookiesBnC{
        min-width: 100px;
        min-height: 50px;
        font-size: 20px;
        right: 12%;
        top: 70%;
    }
    .cookiesBnNC{
        min-width: 100px;
        min-height: 50px;
        font-size: 20px;
        left: 11%;
        top: 70%;
    }
    .cookiesP{
        top:11%;
    }
}
@media (max-width:310px){
    .cookies{
        width: 250px;
        height: 400px;
    }
    .cookiesBnC{
        min-width: 80px;
        min-height: 50px;
        font-size: 18px;
        right: 12%;
        top: 70%;
    }
    .cookiesBnNC{
        min-width: 80px;
        min-height: 50px;
        font-size: 18px;
        left: 11%;
        top: 70%;
    }
    .cookiesP{
        top:11%;
    }
    .cookiesH1{
        font-size: 40px;
    }
}
@media (max-width:270px){
    .cookies{
        width: 170px;
        height: 600px;
    }
    .cookiesBnC{
        min-width: 150px;
        min-height: 100px;
        font-size: 50px;
        right: 6%;
        top: 80%;
    }
    .cookiesBnNC{
        min-width: 150px;
        min-height: 100px;
        font-size: 45px;
        left: 6%;
        top: 60%;
    }
    .cookiesP{
        top:9%;
    }
    .cookiesH1{
        font-size: 30px;
    }
}