body {
    padding:10px;
    font-family: 'Roboto', sans-serif;
    font-weight:900;
    font-size:24px;
    color: #FFF;
    background-image:linear-gradient(to right, #000,#990000);
    text-shadow:0px 0px 4px #000;
}

input[type=text], label {
    border-radius:10px;
    padding:5px;
    background-color: #000;
    color: Lime;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
  width: 90%;
}

a, a:visited {
    color:#fff;
    text-decoration: none;
}

a:active, a:hover {
    color: Gold;
    text-decoration: none;
}

hr {
    height:5px;
    width:100%;
    border:5px dotted #000;
}

iframe {
    border-radius:15px;
}

button {
    color:#000 !important;
}

.title {
    font-size:36px;
    font-weight:900;
    color:Gold;
    text-align:center;
}

.results {
    margin: auto;
    padding:15px;
    width:80%;
    font-size:24px;
    text-align:center;
    background-image:linear-gradient(to right,#990000,#000);
    border:2px solid #000;
    border-radius:10px;
    box-shadow:4px 4px 8px #000;
}

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #800000;
  border: 1px solid #4c4848;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b80000;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #000000;
  border: 12px dashed #8a0000;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #000000;
}
::-webkit-scrollbar-track:active {
  background: #0c0c0c;
}
::-webkit-scrollbar-corner {
  background: transparent;
}