:root{
  --bg-primary: #2b2a33;
  --text-primary: #dcddde;
  --accent: #AEDBD5;
} /* Defining bg-primany (background), text-primary (paragraph colour) and accent (it will be used for the title colour and the colour that appears when you hover over the social link buttons with the cursor)*/

body {
  background-color: var(--bg-primary); /* Setting the background colour to the one defined above */
  color: var(--text-primary); /* Setting the colour of the text to the one defined above */
  font-family: 'Inter', sans-serif; /* Mentioning which font's we want */
  max-width: 140vh;
  margin: auto;
}

h1 {
  color: var(--accent); /* Setting the colour of the title to the one defined above */
  padding-top: 20vh;
  margin-left: 0vh;
  font-weight: 600;
  font-size: 13vh;
  margin-bottom: 0;
}

p{
  margin-top: 0;
  font-size: 3vh;
  margin-left: 2vh;
}

.social-icons a{
  margin-left: 1vh;
  font-size: 4vh;
  padding: 0vh 2vh;
  color: var(--text-primary);
}

.social-icons a:hover{
  color: var(--accent);
}
.social-icons a:focus{
  color: var(--accent);
}

#timestamp{
  margin-left: 3vh;
  margin-top: 5vh;
  font-size: 3vh;
}
#time{
  display: inline;
  margin-left: 2vh;
}

#theme-b{
  color: var(--text-primary);
  background: transparent;
  border-style: none;
  font-size: 4vh;
  margin-top: -0.75vh;
}