body {
    background-color: 	#4b4847;
    margin: 0;
}

header {
     background-color: #4e7837;
     color: #ffffff;
     display: flex;
     padding: 1.3vw 20vw;
     align-items: center;
     font-family: "Lucida Console";
     font-weight: bolder;
     .logo {
          font-size: 1.4em;
     }
    }


.searchdiv {

    display: flex;
    align-items: center;
    position: relative;
  top: 12px;   /* Moves the div 20px down from its original top */
  left: 120px;  /* Moves the div 30px right from its original left */


.search-container {
  display: flex; /* Arranges input and button horizontally */
  align-items: center; /* Vertically aligns items */
  

}

.text {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 5 px; /* Rounded corners */
  font-size: 16spx;
  outline: none; /* Removes browser default outline o`n focus */
  align-items: center;
}

.search-button {
  padding: 8px 15px;
  background-color:#69923e; /* Example blue background */
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer; /* Indicates interactivity */
  margin-left: 5px; /* Spacing between input and button */
  font-family: "Helvetica";
  font-weight: bolder;
}
}













.playerInfo {
    background-color: #2c2b29;
    color: #ffffff;
    
}







.country {
    background-color: blue;
    font-weight: 5000;
}
.playerblitz {
    background-color: red;
    
}
.playerbullet {
    background-color: green;
    
}
.playerrapid {
    background-color: brown;
    
}