/*
    Project 07-02
    Author: Sam Yalda
    Date: 03/30/2026
*/

* {
   box-sizing: border-box;
}

body {
   width: 960px;
   margin: 0 auto;
   font-family: Verdana, Geneva, sans-serif;
   background-color: white;
}

header {
   background-color: #4e78b5;
   color: white;
   text-align: center;
   font-size: 2.8em;
   padding: 14px 0;
}

main section {
   background-color: #f3d06b;
   padding: 20px 0 30px;
}

main section h2 {
   text-align: center;
   font-size: 2.2em;
   margin-bottom: 20px;
}

#hand {
   width: 780px;
   height: 280px;
   margin: 0 auto;
   background-color: #5a936d;
   border: 5px outset #5a936d;
   display: flex;
   justify-content: space-around;
   align-items: center;
}

#hand span {
   display: block;
   width: 125px;
   height: 185px;
   background-color: #f8f5e7;
   border: 1px solid #8a8a8a;
   box-shadow: 2px 2px 6px gray;
   text-align: center;
   padding: 70px 10px 10px;
   line-height: 1.3;
   font-size: 0.95em;
}

#deckStatus {
   width: 780px;
   margin: 18px auto;
   text-align: right;
   font-size: 1em;
   font-weight: bold;
}

#deal {
   display: block;
   margin: 20px auto 0;
   width: 95px;
   font-size: 1.1em;
   letter-spacing: 0.08em;
   cursor: pointer;
}

footer {
   text-align: center;
   padding: 20px 0;
}

footer p {
   margin: 8px 0;
}