<commit_before>// Place all the styles related to the games controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.selection_box{
  color: white;
  opacity: 0.6;
  background-color: #0D4052;
  width: 100%
}
.selection_form{
  color: black;
  opacity: 1;
  width:100%
}
.new_heading {
  color: black;
  opacity: 1;
  width: 25% ;
  background-color: #D5E3E8;
}
.header{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 40px
}
.card{
  font-size: 100px;
  color: black;

}
.new_heading{
  padding-top: 10px ;
}

.selection_box{
  padding-bot: 10px ;
  padding-top: 10px ;
}

body{
  background-color: #EEEEEE;
}
.test{
  color: pink ;
}
.hand{
  /*
  TODO put size of hand in here
  */
  width: 300px ;
  height: 100px;
  background-color: grey ;
}
.left_hand {
  -webkit-transform: rotate(90deg);
  float:left ;
  margin-top: 10% ;
}

.opposite_hand{
  -webkit-transform: rotate(-180deg);
  margin: 0px auto;
}

.right_hand{
  -webkit-transform: rotate(-90deg);
  float: right ;
  margin: auto auto;
  margin-top: 10% ;
}
.own_hand{
  margin-top: 7%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 0px;
}
.pile{
  margin-top: 7%  ;
  margin-left: auto;
  margin-right: auto;
  width:  200px ;
  height: 200px ;
  background-color: grey ;
}

.hand_card{
  font-size: 80px ;
  color:black;
  transition-duration: 0.3s;
  transform: translateZ(0);
  transition-property: transform;
  //transition-duration: 0.3s;
//  transition-property: transform;
}
.hand_card:hover{
  font-size: 80px ;
  transform: translateZ(10);<commit_msg>Hot fix for card sizes<commit_after>// Place all the styles related to the games controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.selection_box{
  color: white;
  opacity: 0.6;
  background-color: #0D4052;
  width: 100%
}
.selection_form{
  color: black;
  opacity: 1;
  width:100%
}
.new_heading {
  color: black;
  opacity: 1;
  width: 25% ;
  background-color: #D5E3E8;
}
.header{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 40px
}
.card{
  font-size: 100px;
  color: black;

}
.new_heading{
  padding-top: 10px ;
}

.selection_box{
  padding-bot: 10px ;
  padding-top: 10px ;
}

body{
  background-color: #EEEEEE;
}
.test{
  color: pink ;
}
.hand{
  /*
  TODO put size of hand in here
  */
  width: 300px ;
  height: 100px;
  background-color: grey ;
}
.left_hand {
  -webkit-transform: rotate(90deg);
  float:left ;
  margin-top: 10% ;
}

.opposite_hand{
  -webkit-transform: rotate(-180deg);
  margin: 0px auto;
}

.right_hand{
  -webkit-transform: rotate(-90deg);
  float: right ;
  margin: auto auto;
  margin-top: 10% ;
}
.own_hand{
  margin-top: 7%;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom: 0px;
}
.pile{
  margin-top: 7%  ;
  margin-left: auto;
  margin-right: auto;
  width:  200px ;
  height: 200px ;
  background-color: grey ;
}

.hand_card{
  font-size: 75px ;
  color:black;
  transition-duration: 0.3s;
  transform: translateZ(0);
  transition-property: transform;
  //transition-duration: 0.3s;
//  transition-property: transform;
}
.hand_card:hover{
  font-size: 80px ;
  transform: translateZ(10);
{'fraction_non_alphanumeric': 0.1459149834187519, 'fraction_numerical': 0.0416038589086524, 'mean_word_length': 3.2483994878361075, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7199773', 'n_tokens_mistral': 1409, 'n_tokens_neox': 1288, 'n_words': 313}