@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body { 
  background: linear-gradient(#bc4e9c, #f80759);
  height: 100vh; 
  /* width: 100vw;  */
  display: flex; 
  font-family: 'Ubuntu', sans-serif;
  justify-content: center; 
  align-items: center; 
  color: #fff;
  padding: 0.5em;
}

h1 { 
  text-align: center;
  color: #c134e7;
  padding: 0.5em;
}

p { 
  text-align: justify;
  color: #36d3f7;
  padding: 0.5em;
}

a { 
  color: #fff;
  padding: 0.5em;
}

@media (prefers-color-scheme: dark) { 
  body { 
    background: linear-gradient(#2f3640, #090909);
  }
}

@media (prefers-color-scheme: light) { 
  body { 
    background: #fff;
  }
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


@media (prefers-color-scheme: light) {
  a {
    color: #000;
  }
}

@media (prefers-color-scheme: dark) {
  a {
    color: #fff;
  }
}