*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

min-height:100vh;

background:
radial-gradient(circle,#25205c,#080a12);

color:white;

font-family:Arial;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

}



main{

width:95%;

}



h1{

font-size:45px;

margin-bottom:15px;

}



canvas{

background:#05070d;

border:3px solid #00eaff;

border-radius:15px;

max-width:95%;

}



button{

padding:12px 18px;

margin:5px;

border:none;

border-radius:12px;

font-size:22px;

cursor:pointer;

}



#restart{

margin-top:20px;

font-size:18px;

}



.controls{

margin-top:15px;

}



.back{

position:absolute;

top:25px;

left:25px;

color:white;

text-decoration:none;

}



#message{

margin-top:15px;

color:#00eaff;

}



@media(max-width:450px){

canvas{

width:90vw;

height:90vw;

}

}