div.invisible{
    visibility: hidden;
}

div.parent{
    position: absolute;
}

div.child{
    position: relative;
}

button.square {
    background-color: white;
    width: 130;
    height: 130;
    font-size: 50;
    font-weight: bold;
}

button.winner {
    background-color: rgb(141, 224, 18);
}
button.aiwinner {
    background-color: rgba(232, 53, 17, 0.902);
    pointer-events: none;
}

button.complete {
    pointer-events: none;
}

button.square:hover {
    background-color: rgb(224, 224, 224);
}
button:hover{
    cursor: pointer;
}

button.message {
    font-family: 'Times New Roman', Times, serif;
    font-size: 40;
    width: 402;
    background-color: transparent;
    border-color: transparent;
}

div {
    padding-top: 4px;
}

div.centre{
    text-align: center;
}

body {
    padding-top: 75px;
    background-color: rgba(0, 255, 255, 0.537);
}


button.aiselected{
    background-color: antiquewhite;
}

div.playgame{
    padding-top: 15;
}
div.middle{
    padding-top: 9;
}
button.playgame{
    width: 250;
    height: 85;
    font-size: 37;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    
}
button.playgame:hover {
    background-color: rgb(224, 224, 224);
}
button.aiselected:hover {
    background-color: rgb(224, 224, 224);
}
button.top:hover {
    background-color: rgb(224, 224, 224);
}
button.top{
    background-color: antiquewhite;
    width: 125;
    height: 42;
    font-size: 20;
    font-family: 'Times New Roman', Times, serif;
}
div.homescreen{
    padding-top: 100;
}


button.middle{
    width: 100;
    height: 40;
    font-size: 20;
    font-family: 'Times New Roman', Times, serif;
}
button.bottom{
    width: 100;
    height: 40;
    font-size: 20;
    font-family: 'Times New Roman', Times, serif;
}
button.tempdisable{
    pointer-events: none;
}
button.writing{
    background-color: rgba(0, 255, 255, 0);
    border: none;
    font-size: 18;
    font-family: 'Times New Roman', Times, serif;
    width: 90;
}

.aideselected{
    pointer-events: none !important; 
    background-color: transparent !important; 
    border: none !important;
    font-size: 0 !important;
}

div.top{
    padding-top: 10;
}

#changesettingsdiv{
    padding-top: 50;
}

#changesettings{
    font-family: 'Times New Roman', Times, serif;
    font-size: 20;
}

.cog{
    width: 18;
    height: 18;
    position: relative; top: 3;
}

.settings{
    height: 30;
}

#playagaindiv{
    padding-top: 20;
}