@font-face {
    font-family: myfont;
    src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2);
}
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4Ep0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
.noise {
    background: transparent url(noise-50.png) repeat center center !important;
}
@font-face {
    font-family: cursive;
    src: url(Imperial_Script/ImperialScript-Regular.ttf);
}
@font-face {
    font-family: hello;
    src: url(Imperial_Script\,Tangerine/Tangerine/Tangerine-Bold.ttf);
}
@font-face {
    font-family: heading1;
    src: url(Runaways-ExtraBold.woff2);
}
@font-face {
    font-family: heading2;
    src: url(Runaways-Bold.woff2);
}
@font-face {
    font-family: quotefont;
    src: url(silkamono-medium-webfont.woff2);
}
@font-face {
    font-family: speakerfont;
    src: url(silkamono-regular-webfont.woff2);
}
.going-up{
    background-color: black;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier();
}
.going-down{
    transform: translate3d(0,-100%,0);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier();
}
path{
    width: 100px;
    height: 100px;
}
.line-container {
    width: 90%; /* Container width */
    height: 1px; /* Thickness of the line */
    position: relative;
    background: transparent;
  }
.theme-line {
    width: 0; /* Start with no width */
    height: 100%;
    background-color: white; /* Line color */
}