@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
h1{
    font-size: 40pt;
    color: rgb(2, 2, 2);
    font-family: 'Permanent Marker', cursive;
    text-shadow: 2px 2px 5px rgb(124, 25, 206);
    
}
h2{
    font-size: 26pt;
    font-family: 'Permanent Marker', cursive;
    text-shadow: 2px 2px 5px rgb(124, 25, 206);
}
table#board td{
   
    background: rgb(114,109,247);
    background: linear-gradient(90deg, rgba(114,109,247,1) 0%, rgba(240,112,192,1) 100%);

    height: 130px;
    width: 130px;
    border: 3px solid rgb(82, 1, 82);
    margin: 19px;
    box-shadow: 5px 10px #dfa2fc;
    text-align: center;
    font-family: 'Fredoka One', cursive;
    font-size: 60pt;
    text-shadow: 5px 4px 6px rgb(172, 4, 74);
    color: rgb(223, 200, 223);
    border-radius: 15px;
}

button#btn{
    padding: 8px 19px;
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(4,50,55,1) 8%, rgba(7,71,92,1) 23%, rgba(9,88,121,1) 35%, rgba(0,212,255,1) 100%);
    font-size: 15pt;
    color: silver;
    border-radius: 12px;
    margin-bottom: 8px;
}