/*Import*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");

@font-face {
    font-family: "Helvetica Now" ;
    src: url(../fonts/helveticanowtext-black.ttf) format("truetype");
}
@font-face {
    font-family: "Earwig" ;
    src: url(../fonts/earwigfactory.otf) format("opentype");
}
@font-face {
    font-family: "NerdIJ" ;
    src: url(../fonts/JetBrainsMonoNerdFont-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Helvetica Now Italic" ;
    src: url(src/fonts/helveticanowtext-blackitalic.ttf);
}
@font-face {
    font-family: 'DM Serif Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB0PD2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*Font Assign*/
.link{
    font-family: "Poppins";
    color: rgb(255, 255, 255);
}
.link1{
    font-family: "Poppins";
    color: rgb(255, 255, 255);
}
h1{
    font-family: "Helvetica Now";
    font-size: 35vw;
}
h2{
    font-family: "DM Serif Display";
    font-size: 10vw;
}
.tutorial{
    margin-top: 3vw;
    padding: auto;
    padding-left: 20%;
    padding-right: 20%;
    position: absolute;
    font-size: 1vw;
    color: grey;
    font-family: "Poppins";
}