@import url("variables.css");

.mobile_message {
    display: none;
    font-family: "Share Tech Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    margin: 40vh 15px 0 15px;
}

.mobile_message button {
    font-family: "Share Tech Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

    background-color: white;
    color: var(--black);
    border: none;
    border-radius: 0.2rem;
    margin-top: 1rem;
    cursor: pointer;
}

@media (max-width: 600px) {
    main { display: none; }
    .mobile_message { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; }
}