body{

  padding: 0;
  font-family: 'Maven Pro', sans-serif;
  text-align: center;
  margin: 0;
  /* background-color: rgb(13, 111, 209); */

}

div{
  padding: 0.4em;
}


#odabirAplikacije, .opcije{

  width: 80%;
  margin: 0 auto 0 auto;
  color: rgb(121, 119, 119);
  border: 1px solid rgba(165, 165, 165, 0.3); 
  border-radius: 1em;
  margin-bottom: 1em;
  padding: 1.2em;
  

}

a{

  text-decoration: none;
  font-family: 'Maven Pro', sans-serif;
  color: rgb(33, 153, 73);
  
}

button, input, formula{

  width: 12em;
  background-color: white;
  border: 2px solid rgb(17, 119, 235);
  border-radius: 10px;
  padding: 0.6em;
  margin-bottom: 0.6em;
  text-align: center;
}

#naslov{
  width: 15em;
  margin: 0 auto 0 auto;
}

canvas{
  margin-top: 10px;
  width: 90%;
  /* height: 26em; */
  margin: 0 auto 0 auto;
}

textarea{

  width: 26em;
  height: 15em;
  resize: none;
  border: 2px solid rgba(16, 145, 232, 1);
  border-radius: 10px;
  margin: 0 auto 0 auto;
  /*margin-left: 2em; */
  text-align: center;

}

hr{

  /* filter: drop-shadow(0px 0px 0px rgb(27, 27, 27)); */
  color: rgb(236, 233, 233);
  width: 80%;

}

#glavniDiv{

  width: 80%;
  margin: 0 auto 0 auto;
  border: 1px solid rgba(165, 165, 165, 0.3); 
  border-radius: 3em;
  padding: 0.8em;
  /* background-color: rgba(73, 244, 93, 0.7); */
  /* -webkit-box-shadow: 2px -1px 37px -20px rgba(0,0,0,0.67); */

}

#profilA{

  width: 14%;
  border: 2px solid rgba(16, 145, 232, 1);
  border-radius: 15px;
  margin: 0 auto 0 auto;
  background-color: rgba(16, 145, 232, 0.6);
  color: white;
  padding: 0em;
  margin-bottom: 0.6em;

}

#profilA a{

  /* color: rgb(22, 95, 204); */
  color: white;

}

@media screen  and (max-width: 720px){

  #poruka{
      width: 80%;
  }

  #profilA{
      width: 65%;
  }

}

#inDeo{

  width: 60%;
  border: 1px solid rgb(228, 226, 226);
  border-radius: 15px;
  padding: 0.8em;
  margin: 0 auto 0 auto;

}

#inSl{

  width: 12px;

}

#inDeo a{
  color: rgb(33, 153, 73);
}

#divVeb, #divHum{

  height: 15em;
  width: 80%;
  margin: 0 auto 0 auto;
  /* border: 2px solid black;
  border-radius: 10px; */
  filter: drop-shadow(1px 1px 1px rgb(212, 210, 210));
  background-color: white;
  border-radius: 15px;

}

  .donate-btn {
    background-color: #ffc439;
    color: #111;
    padding: 15px 30px;
    margin: 20px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
  }
  .donate-btn:hover {
    background-color: #f0b500;
  }

#donacijeVeb{

  background-color: #20e119;
  filter: drop-shadow(1px 1px 1px rgb(212, 210, 210));
  color: white;

}

#donacijeHum{

  background-color: #f0b500;
  /* background-color: #1177bb; */
  filter: drop-shadow(1px 1px 1px rgb(212, 210, 210));
  color: white;

}

#zacelje{

    padding: 1em;
    font-size: 90%;
    color: rgb(66, 65, 65);
    
}