@font-face {    font-family: 'Noto';
    src: url('../fonts/Noto_Sans_JP/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    background-color: black;
    cursor: url('./firecursor.png'), help;
}

.main {
    color: white;
    font-family: Noto;
    text-transform: uppercase;
    font-size: 100px;
    margin-top: -1em;
    margin-left: 20px;
    margin-right: 20px;
}

.part1 {
    font-size: 50vh;
    color: red;
    text-align: right;
}

.part2 {
    text-align: left;
}

.part3 {
    text-align: right;
}

.fire:hover {
    color: red;
}

a {
    text-decoration: none;
    color: white;
}



@media (max-width: 768px) {
    .main {
        margin-top: 1em;
        font-size: 50px;
        margin-left: auto;
        margin-left: auto;
    }
    .part1 {
        font-size: 10vh;
        text-align: center;
    }

    .part2 {
        text-align: center;
    }

    .part3 {
        text-align: center;
    }
}