/*
  Name: Tammy Liu
  Email Address: Tammy.Liu@yahoo.com
  Copyright (c) May 14th 2024 by Tammy Liu. All rights reserved. May not be
  freely copied.
  Sources: W3Schools, GIF found using google images
*/

/*.header{/*changes the features and placement to the header of the page*/
/*}*/

.pgbg{/*changes to the background*/
    background-color: #ecd4ea;
    background-size: cover;
}

html,body{
    min-height: 100%;
}


.split {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.centered img {
    width: 150px;
    border-radius: 50%;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 16px 14px;
    overflow: hidden;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    /*text-align: center;*/
    padding: 20px 20px;
    text-decoration: none;
}

/* Change the link color to #511F52 (purple) on hover */
li a:hover {
    background-color: #511F52;
}

.active {
    background-color: #4a044e;
}

/*positioning for the tiles on the tray*/
.position1{
  top: 30px;
  left: 45px;
}

.position2{
  top: 30px;
  left: 80px;
}

.position3{
  top: 30px;
  left: 115px;
}

.position4{
  top: 30px;
  left: 150px;
}

.position5{
  top: 30px;
  left: 185px;
}

.position6{
  top: 30px;
  left: 220px;
}

.position7{
  top: 30px;
  left: 255px;
}

/*Board display*/
.board {
  width: 600px;
  height: 600px;
}

/*Tray display*/
.tray {
  width: 320px;
  height: 91px;
}

/*Scrabble bag display*/
.swap {
  width: 90px;
  height: 90px;
}

/*letter display and positioning*/
.letter, .played-letter {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
}

.scoreWord {
  font-size: 20px;
}