body {
	background: #080A07;background-image: url("/photos/pond.jpg");
	margin: 0px;
	font-family: 'Nunito', sans-serif;

background-attachment: fixed;background-position: top;background-repeat: no-repeat;}

div#title {background: white;opacity: 0.7;padding: 5%;text-align: center;color: #F17300;}

h1 {padding: 0px;margin: 0px;font-size: 4vw;}

div#search {background: white;margin: 5%;opacity: 0.7;padding-top: 10px;height: 80%;border-radius: 5px;}

h3 {text-align: center;color: #F17300;font-size: 3.5vw;}

#search input {width: 90%;margin: 5%;font-size: 3.5vw;font-family: 'Nunito';border: 0px;margin-bottom: 1%;border-bottom: 2px solid #F17300;}

#results p {color: #F17300;padding: 10px;/* padding-left: 0px; */}

div#results {margin: 5%;margin-top: 0%;/* padding-bottom: 5%; */font-size: xx-large;overflow: scroll;}

p span {background: #004777;color: white;padding: 7px;border-radius: 10px;}

 #search button {
    margin-right: 5%;
    width: 90%;
    font-size: 2.5vw;font-family: 'Nunito';margin-left: 5%;
    color: #F17300;
    border-radius: 20px;
    padding: 5px;
    border: 2px solid #F17300;
margin-bottom: 10px;}

div#about {background: white;margin: 5%;opacity: 0.7;padding: 10px;border-radius: 5px;}

i.material-icons {vertical-align: text-top;color: #FF7700;font-size: xxx-large;padding-right: 20px;}

p.number {display: inline-block;background: #004777;color: white !important;border-radius: 10px;}

p.name {display: inline-block;}

/* width */
 ::-webkit-scrollbar {
     width: 10px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: none;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background:#F17300;
     opacity: 0.7;
     border-radius: 10px 
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #F17300;
}


input#searchCITY:disabled {background: none;border: 0px;border-bottom: 2px solid #004777;}