:root{
  --bg-primary: #050505;
  --text-primary: #dcddde;
  --text-highlight: #ffffff;
  --accent: #AEDBD5;
}

body{
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: 'Inter', sans-serif;
  max-width: 140vh;
  margin: auto;
}

ul{
  list-style-type: none;
  margin: 0;
  margin-right: 2vh;
  padding: 0;
}

li{
  display: inline;
  float: right;
}

li a{
  margin: 1vh 1vh;
}

a{
  text-decoration: none;
  color: var(--text-primary);
  font-size: 3vh;
}

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

h1{
  color: var(--accent);
  padding-top: 20vh;
  margin-left: 2vh;
  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;
}