/*
@media screen and (min-width: 601px) {
    .hugetitle {
      font-size: 80px;
      text-decoration-line: underline;
text-decoration-thickness: 10px;
    }
  }
  
  /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
  /*@media screen and (max-width: 600px) {
    .hugetitle {
      font-size: 40px;
    }
  }
  */
.hugetitle{
  font-size: max(4.125rem,min(9.3333vw + 2rem,18rem));
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: .9;
}
.number3{
  text-decoration-line: underline;
  text-decoration-color: #008882;
  text-decoration-thickness: 1.5vw;
}
.number7{
  text-decoration-line: underline;
  text-decoration-color: #00a4c8;
  text-decoration-thickness: 1.5vw;
}
body{
  font-family: 'JetBrians Mono', monospace, sans-serif;
  overflow-x: hidden;
}
.really-fancy-text{
  text-shadow: 0.5vw 0.5vw #558ABB;
  background-image: linear-gradient(
    to right,
    #64E8DE,
    #8A64EB
  );
  color: transparent;
  background-clip: text;
}
.future{
  font-weight: 1000;
  background-image: linear-gradient(
    to right,
    #64E8DE,
    #8A64EB
  );
  color: white;
  
}

.mainpage {
	background: linear-gradient(-45deg, #573cfa,  #ffcda5, #dffa3c,#ee4d5f);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.markdown-body {
  box-sizing: border-box;
  min-width: 200px;
  max-width: 980px;
  margin: 0 auto;
  padding: 45px;
}

@media (max-width: 767px) {
  .markdown-body {
      padding: 15px;
  }
}

.container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  max-width: 120rem;
  padding-left: max(1.5rem,min(6.73139vw - .0776699rem,8rem));
  padding-right: max(1.5rem,min(6.73139vw - .0776699rem,8rem));
}