@charset "UTF-8";

/*

  Nanbu Eq Service for Web

  Copyright (C) Nooooooo, よね/Yone
  改変や複製を一切禁じます。

*/

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    width: 100dvw;
    height: 100dvh;
    overflow: auto;

    padding: 1rem;
}

.form {
    display: flex;
    flex-direction: column;

    box-sizing: border-box;
    width: 100%;
    max-width: 769px;

    border-radius: 1rem;
    border: 2px solid #333;

    padding: 4rem 1rem;
    gap: 2rem;

    background-color: #222;
}

.form__title {
    text-align: center;
    font-size: 2rem;
}

.form__content {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    gap: 2em;
}

.form__input {
    box-sizing: border-box;
    width: 100%;
    max-width: 512px;

    margin: 0;

    /* border: none; */
    /* border-radius: 100vw; */

    /* padding: 0.25em 0.5em; */

    /* background-color: #333; */
    /* text-align: center; */
    /* font-size: 1.5rem; */
    /* color: var(--color); */
}

.form__error {
    height: 1rem;
    color: #f66;
}

.form__button {
    border: none;
    border-radius: 100vw;

    padding: 0.5em;

    background-color: #444;
    font-weight: 600;
    font-size: 1.3rem;
    color: var(--color);

    cursor: pointer;
}

/* menu-window */

.menu-window {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 4rem 1rem;
}

.menu-window__title {
    font-size: 1.3rem;
    font-weight: bold;
}