body{
    background-color:#0B6E4F;
}

header{
    border:5px solid black;
    display:flex;
    justify-content: space-between;
    background-color:#F5F5F5;
    padding-left:5px;
}

div {
    display:flex;
}

a{
    padding:20px;
    text-decoration: none;
    color:black;
    font-family: "Berkshire Swash", serif;
    font-weight: 400;
    font-style: normal;
    font-size: xx-large;
    text-align:right;
}

.alfa-slab-one-regular {
        font-family: "Alfa Slab One", serif;
        font-weight: 400;
        font-style: normal;
}


#horse1 {
    width: 100px;
    height: 100px;
    background-image: url(media/blue.png); /* Replace with your image path */
    background-size: cover; /* Makes the image fill the div */
    background-repeat: no-repeat;
    position: absolute;
    top: 165px;
  }
  
  #horse2 {
    width: 100px;
    height: 100px;
    background-image: url(media/red.png); /* Replace with your image path */
    background-size: cover; /* Makes the image fill the div */
    background-repeat: no-repeat;
    position: absolute;
    top: 265px;
  }
  
  #horse3 {
    width: 100px;
    height: 100px;
    background-image: url(media/green.png); /* Replace with your image path */
    background-size: cover; /* Makes the image fill the div */
    background-repeat: no-repeat;
    position: absolute;
    top: 365px;
  }
  
  #horse4 {
    width: 100px;
    height: 100px;
    background-image: url(media/yellow.png); /* Replace with your image path */
    background-size: cover; /* Makes the image fill the div */
    background-repeat: no-repeat;
    position: absolute;
    top: 465px;
  }
  
  #horse5 {
    width: 100px;
    height: 100px;
    background-image: url(media/black.png); /* Replace with your image path */
    background-size: cover; /* Makes the image fill the div */
    background-repeat: no-repeat;
    position: absolute;
    top: 565px;
  }

main {
  display: flex;
  justify-content: space-between;
}

#placements{
  background-color: #F5F5F5;
  border: none;
  border-left:15px solid gold;
  border-top: 10px solid saddlebrown;
  border-bottom: 10px solid saddlebrown;
  display: flex;
  flex-direction: column;
  width:25%;
  padding-left:50px;
}

h2{
  font-family: Georgia, 'Times New Roman', Times, serif;
}

#track{
  height:575px;
  width:1115px;
  border: none;
  border-top: 10px solid saddlebrown;
  border-bottom: 10px solid saddlebrown;
  background-color:#efe4b0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-right:auto;
}

section{
  border: 5px solid black;
  background-color: saddlebrown;
  display:flex;
  justify-content: space-between;
  flex-direction: row;
  padding:10px;
}

.box{
  background-color:antiquewhite;
  margin:15px;
  padding:15px;
  border:1px solid black;
  border-radius: 15px;
  height:45px;
  justify-content:space-between;
}

#foot{
  color:black;
}

h3{
  color:white;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  padding-top:5px;
}

#amountbet{
  height: 20%;
  width:6%;
}

.box2{
  background-color:green;
  margin:15px;

  padding:15px;
  border:1px solid black;
  border-radius: 15px;
  height:45px;
  justify-content:end;
  width:125px;
}

footer{
  border:5px solid black;
  display:flex;
  justify-content: space-around;
  background-color:#F5F5F5;
  padding-left:5px;
}