/*
    Statki
    Copyright (C) 2022  kuba6000

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/


table,tr,td,th{
    border: 1px solid black;
    border-collapse: collapse;
    min-width: 25px;
    height: 25px;
    padding: 0px;
}
.water{
    background-color:lightblue;
}
.ship{
    background-color: green;
}
.miss{
    background-color: blue;
}
.hit{
    background-color: orange;
}
.broken{
    background-color: red;
}
@keyframes shiphint {
    0%   {background-color: lightblue;}
    50%  {background-color: green;}
    100% {background-color: lightblue;}
}
.shiphint{
    background-color: lightblue;
    animation-name: shiphint;
    animation-duration: 400ms;
    animation-iteration-count: infinite;
}
#header{
    background-color: gray;
    padding: 8px;
    text-align: center;
    font-size: 50px;
}
#main{
    width:fit-content;
    margin: auto;
}
#status{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin: 10px;
}
#game{
    float: left;
    margin: 10px;
}
#gameenemy{
    float: none;
    margin: 10px;
}
#ships{
    width: 207px;
    height: 207px;
    float: left;
    border: 1px solid black;
    text-align: center;
    margin: 10px;
    margin-left: 0;
}
body{
    margin: 0px;
}
.incenter{
    width: fit-content;
    margin: auto;
}
button{
    margin: 2px;
    padding: 2px;
}
.buttonselected{
    background-color: lightgreen;
}