* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url("https://imgs.search.brave.com/hrtlyTo2-HalpCnzBpicDuB-Kj2bcAsXwYLPFC1Pi9Q/rs:fit:1024:756:1/g:ce/aHR0cHM6Ly9saXZl/LnN0YXRpY2ZsaWNr/ci5jb20vMjg1My85/Mjk5ODU0MzI3XzVh/MTUzMTQ4M2NfYi5q/cGc");
    background-repeat: no-repeat;
    background-size: cover;
}

#page {
    margin-left: 25%;
    padding: 1px 16px;
    height: 500px;
}

#logo-start {
    width: 300px;
    height: 300px;
    position: relative;
    left: 330px;
    padding: 0px;
    margin: 0px;
}

#title-content {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 40px;
    font-family: sans-serif;
    color: #FF9700;
}

#spartan {
    color: #FF5D00;
}

#anunces {
    color: white;
    font-family: sans-serif;
    font-size: 5em;
    padding: 10px;
    margin: 0px;
}

#progress {
    color: ORANGE;
    font-family: sans-serif;
    font-size: 2em;
    padding: 0px;
    margin: 0px;
}

div .img {
    margin: 10px;
    border: 1px solid #ccc;
    float: left;
    height: 350px;
    width: 200px;
    text-align: center;
    color: white;
    position: relative;
    left: 40px;
}

.footer {
    color: white;
    position: relative;
    top: 240px;
}

.progressbars {
  margin: 20px;
  font-family: sans-serif;
  font-size: 30px;
  text-align: center;
  color: white;
}

#progressbar1 {
  position: relative;
  left: 220px;
  width: 50%;

  background-color: whitesmoke;
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
  padding: 3px;
}

#progressbar1>div {
  background-color: orange;
  width: 50%;
  /* Adjust with JavaScript */
  height: 20px;
  border-radius: 10px;
}


#progressbar2 {
  position: relative;
  left: 220px;
  width: 50%;

  background-color: whitesmoke;
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
  padding: 3px;
}

#progressbar2>div {
  background-color: #FFCA04;
  width: 76%;
  /* Adjust with JavaScript */
  height: 20px;
  border-radius: 10px;
}


#progressbar3 {
  position: relative;
  left: 220px;
  width: 50%;

  background-color: whitesmoke;
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
  padding: 3px;
}

#progressbar3>div {
  background-color: green;
  width: 95%;
  /* Adjust with JavaScript */
  height: 20px;
  border-radius: 10px;
}