:root{
  font-family: "Roboto", sans-serif;
}

a{
  color: white !important;
}

p{
  font-size: 1.2em !important;
}

label{
  font-size: 1.1em;
}


html, body {
  min-height: min-content;
}

.navbar-nav .nav-link{
  transition: all 0.5s ease;
}

#menu{
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#api:hover, #doc:hover, #convert:hover{
  background-color:  #df6919;
  border-radius: 5px;
}

select, #file, #url, #submit, #input_Language{
  border-radius: 4px !important;
  
}

#submit:hover{
  background-color: #df6919;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#submit-wrapper{
  background-color: #df6919;
}


#footer-logo{
  filter: brightness(400%);
}

#fieldset-source{
  padding: 10px !important;
  border-left: solid #00c851;
}

#fieldset-options{
  padding: 10px !important;
  border-left: solid #4285f4 ;
}

.anchorjs-link{
  color: #df6919 !important;
  visibility: hidden !important;
}

.anchorjs-link:hover{
  visibility: visible !important;
}


.highlight{
   background-color: #0f2537 !important;
   color: #df6919 !important;
   border-radius: 5px;
}