.App{text-align:center}.text-counter{height:auto;margin:50px auto;max-width:600px;min-width:300px;position:relative;width:80%}.text-counter__textarea{overflow:auto;resize:none}.text-counter__textarea,textarea{background-color:initial;border:none;border-bottom:2px solid #ccc;font-size:20px;max-height:400px;outline:none;padding:5px 10px;width:100%}textarea{height:50%;min-height:200px}p{font-size:1.2em;font-weight:700}@media only screen and (max-width:600px){.text-counter{min-width:auto;width:100%}textarea{font-size:16px;max-height:300px;min-height:150px}}@media only screen and (min-width:600px) and (max-width:768px){.text-counter{max-width:500px;width:90%}textarea{font-size:18px;max-height:350px;min-height:180px}}@media only screen and (min-width:768px){.text-counter{max-width:600px;min-width:300px;width:80%}textarea{font-size:20px;max-height:400px;min-height:200px}}.text-counter__results{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:30px}.text-counter__card{background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .3s ease}.text-counter__card:hover{transform:translateY(-5px)}.text-counter__card h3{color:#333;font-size:1em;margin:0 0 10px}.text-counter__card p{color:#4a90e2;font-size:1.5em;font-weight:700;margin:0}@media only screen and (max-width:600px){.text-counter__results{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.App-main{flex:1 1;padding:20px;width:100%}.App-logo{margin-right:20px}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;font-family:Noto Sans JP,sans-serif;padding:15px 20px;width:100%}.header-content{align-items:center;display:flex;margin:0 auto;max-width:1200px;width:100%}.logo-container{flex-shrink:0;margin-right:20px}.title-container{flex-grow:1}.App-header h1{font-size:1.8em;margin:0 0 5px}.App-header p{font-size:1em;margin:0}.App-logo{height:60px;pointer-events:none}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.logo-container{margin-bottom:10px}.App-header h1{font-size:1.5em}.App-header p{font-size:.9em}.App-logo{height:40px}}.App-footer{background-color:#282c34;color:#fff;font-family:Noto Sans JP,sans-serif;padding:20px 0;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.App-footer p{justify-content:center;margin:0}.App-footer nav ul{display:flex;list-style-type:none;margin:0;padding:0}.App-footer nav ul li{margin-left:20px}.App-footer nav ul li a{color:#fff;text-decoration:none;transition:color .3s ease}.App-footer nav ul li a:hover{color:#61dafb}@media (max-width:600px){.footer-content{flex-direction:column;text-align:center}.App-footer nav ul{margin-top:15px}.App-footer nav ul li{margin:0 10px}}
/*# sourceMappingURL=main.4f480c72.css.map*/