body {
  background-color: rgb(245, 245, 245);
  color: rgb(0, 0, 0);
  font-family: 'Roboto', sans-serif;
}

.main {
  max-width: 750px;
  width: 90%;
  margin: auto;
  color: rgb(0, 0, 0);
}

.subtitle {
  font-size: 22px;
  animation: colour-change 3s infinite;
  font-weight: bold;
}

h1 {
  font-size: 55px;
  text-align: center;
  color: rgb(184, 184, 184);
}

.typed {
  color: rgb(48, 133, 189); 
}

.cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  background: #111827;
  margin-left: 2px;
  transform: translateY(2px);
}

h3 {
  font-size: 25px;
  text-align: center;
  font-weight: 500;
}

p {
  font-size: 20px;
}

.list {
  font-size: 20px;
}

li {
    margin-bottom: 10px;
}

@keyframes colour-change {
  0% {color: rgb(126, 126, 126);}
  50% {color: rgb(51, 172, 253);}
  100% {color: rgb(126, 126, 126);}
}