.main-visual .inner {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-visual .inner > span {
    font-weight: 600;
    color: var(--textGray);
}

.main-visual .inner > h1 {
    font-size: 3rem;
}

.main-visual .inner > p {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.5rem;
}

.main-visual .inner > p span {
    display: inline-flex;
    color: var(--white);
    background: var(--gradient);
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 0 .25em;
    align-items: center;
    vertical-align: .25rem;
}

/*.main-visual #main-autoTyping {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 20rem;*/
/*    transform: translateX(50%);*/
/*    width: max-content;*/
/*    display: flex;*/
/*    height: 1.5rem;*/
/*    font-family: "Neodgm", sans-serif;*/
/*    font-size: 1.25rem;*/
/*}*/

.main-form {
    margin-top: 4rem;
    background: var(--black);
    border-radius: 2rem;
    padding: .25rem;
    width: 100%;
    max-width: 67.5rem;
    transition: box-shadow .2s;
}

.main-form.show {
    transform: translate(-50%, 0) !important;
}

.main-form:has(textarea:focus){
    background: var(--gradient);
    box-shadow: var(--shadow-md);
}

.main-container {
    background-color: var(--white);
    border-radius: 1.75rem;
    padding: 2rem 2.5rem;
}

.main-container textarea {
    width: 100%;
    max-height: 20rem;
    border: none;
    resize: none;
    min-height: 4rem;
    font-size: 1.25rem;
}

.main-container textarea:focus {
    outline: none;
}

.main-util {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.main-util .btn {
    border-radius: 10rem;
}

.main-util .btn-point {
    min-width: 11rem;
    margin-left: auto;
    font-size: 1.25rem;
    background: var(--black);
    transition: box-shadow .2s;
}

.main-util .btn-point:hover {
    background: #000;
}

.main-util .btn-point:hover,
textarea:focus + .main-util .btn-point {
    box-shadow: var(--shadow-md);
}

.main-util .contextMenu {
    bottom: 0;
    left: 100%;
}

.main-util .contextMenu .no-resume {
    padding: .75rem 1rem;
    color: var(--textGray);
}