@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
	--buttonColor: #03dac5;
	--textColor: #212121;
}

.dark-mode {
    background-color: #121212;
    --textColor: #e2e2e2;
	--buttonColor: #bb86fc;
}

div.sticky {
	position: sticky;
	top: 0px;
	right: 90%;
	margin: none;
	padding: none;
}

button {
	border: none;
	background-color: var(--buttonColor);
	border-radius: 5px;
	display: right;
	height: 10%;
	width: 10%;
}

body {
  font-family: "Roboto", sans-serif;
  color: var(--textColor);
  max-width: 90%;
  margin: 0 auto;
  font-size: calc(1rem + 0.25vh);
}

h1 {
    font-family: "Roboto", sans-serif;
    font-size: 6rem;
    margin-bottom: 1vh;
}

p {
  font-size: 1.1rem;
  line-height: 1.6rem;
  text-indent: 3vw;
}

a {
  color: var(--textColor);
  border-bottom: 3px solid transparent;
  font-weight: bold;
  &:hover, &:focus {
  border-bottom: 3px solid currentColor;
  }
}

section {
  max-width: 68%;
  margin: 0 auto;
}