@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
body {
    font-family: 'Pretendard Variable';
    
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background: #4f7df9;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    padding: 36px;
    border-radius: 12px;

    background: white;
}

section {
    width: 100%;
    text-align: center;
}

input[type="number"] {
    outline: none;
    border: none;
    border-bottom: 1px solid #4f7df9;
}

#result {
    background: gray;
    padding: 12px;
    font-size: 1.5rem;
    border-radius: 12px;
}


/* 초기화 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
}

fieldset {
    border: none;
    outline: none;
}