@import url("https://fonts.cdnfonts.com/css/sequel");
body {
  background: #00004e;
  font-family: "Sequel", sans-serif;
  color: white;
}


*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
  scroll-behavior: smooth;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #108BF9;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0364b9;
}

.titles{
  text-align: center;
  color: white;
  font-size: 90px;
  text-shadow: 2px 2px 0px #BB0000, 3px 3px 0px #108BF9, 4px 4px 0px #00BD2A;
  margin-bottom: 50px;
}

@media only screen and (min-width: 700px) and (max-width: 1019px){
  .titles{
    font-size: 60px;
  }
}

@media only screen and (max-width: 699px){
  .titles{
    font-size: 50px;
  }
}