body{
    background-color: #000055;
    color: white;
}

 /* div{
    border-style: dotted;
    border-width: 0.5px;
}  */

a{
    color: rgb(108, 178, 236);
}

.header{
    text-align: center;
    margin: 20px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding: 20px;
}

.main-area{
    border-width: 1px;
}


.single-button{
    height: 170px;
    width: 170px; 
    margin: 10px;
}

.single-image{
    height: 60%;
    width: 60%;
    margin: 10px;
}

.play-image{
    height: 400px;
    width: auto;
    margin: 10px;
}

#input-area{
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    margin: auto;
}

#score-area{
    border-style: dotted;
    border-width: 2px 2px 2px 2px;
    margin: auto;
}

#result-move{
  text-align: center;
  margin: auto;
}

.icon-image{
    height: 20px;
    width: auto;
}

#send-button{
    margin-left: 4px;
}


#clear-button{
    margin-left: 4px;
}