*{
    box-sizing: border-box;
}

body{
    font-size: 20px;
    font-family: 'Montserrat', 'sans-serif';
    color: black;
    background-color: rgb(68, 68, 68);
}

.board-wrapper{
    display: table;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.board {
    width: 560px;
    height: 560px;
    position: relative;
    float: center;
}

.info-div{
    float: left;
    margin-left: 100px;
    margin-top: 0px; /** AGGIUNTO **/
}

.square{
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
}

.light-square{
    background-color : #f0d9b5;
    color: #b58863;
}

.dark-square{
    background-color : #b58863;
    color: #f0d9b5;
}

.rank-row{
    display: table;
}

.rank-info{
    position: absolute;
    top: 0px;
    left: 5px;
}

.file-info{
    position: absolute;
    bottom: 0px;
    right: 5px;
}

.fen{
    width: 500px;
    margin: auto;
}

.fen-input{
    width: 400px;
}

.fen-button{
    border-radius: 5%;
    border: none;
    height: 20px;
    background-color: green;
    color: white;
    font-size: 12px;
}

a.pulsante-blu, .pulsante-blu {
outline: none;
cursor: pointer;
border: solid 1px #0076a3;
text-align: center;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -webkit-linear-gradient(#00adee,  #0078a5);
background: -moz-linear-gradient(#00adee,  #0078a5);
background: -ms-linear-gradient(#00adee,  #0078a5);
background: -o-linear-gradient(#00adee,  #0078a5);
background: linear-gradient(#00adee,  #0078a5);
color: #fff;
/** padding: 5px 0px; **/
padding: 6px 10px;
font-family: Verdana, sans-serif;
text-shadow: 1px 1px 1px #12455d;
display: inline-block;
/** width: 100%; **/
font-size: 14px;
}

a.pulsante-blu:hover, .pulsante-blu:hover {
color: #fff;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -webkit-linear-gradient(#0078a5,  #00adee);
background: -moz-linear-gradient(#0078a5,  #00adee);
background: -ms-linear-gradient(#0078a5,  #00adee);
background: -o-linear-gradient(#0078a5,  #00adee);
background: linear-gradient(#0078a5,  #00adee);
}

a.pulsante-blu:active, .pulsante-blu:active {
position: relative;
top: 1px;
color: #093950;
text-shadow: 1px 1px 1px #7ac8f0;
-webkit-box-shadow: #093950 0px 2px 3px inset;
-moz-box-shadow: #093950 0px 2px 3px inset;
box-shadow: #093950 0px 2px 3px inset;
}