body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgba(67,67,67,.907);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.group-select-content{align-items:center;background-color:rgba(67,67,67,.907);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.group-select-content .title{color:#333;margin-bottom:20px;text-align:center}.group-select-content form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;width:300px}.group-select-content label{color:#555;display:block;margin-bottom:10px}.group-select-content select{width:100%}.group-select-content input[type=file],.group-select-content select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;margin-top:5px;padding:10px}.group-select-content input[type=file]{width:calc(100% - 22px)}.group-select-content .submit-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-top:10px;padding:10px 15px}.group-select-content .submit-btn:hover{background-color:#45a049}.login-page{background-color:rgba(67,67,67,.907);height:100vh;margin:0;padding:0}.login-form,.login-page{align-items:center;display:flex;justify-content:center;width:100%}.login-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;flex-direction:column;max-width:400px;padding:20px}.login-form label{display:flex;flex-direction:column;margin-bottom:15px;width:100%}.login-form input[type=password],.login-form input[type=submit],.login-form input[type=text]{box-sizing:border-box;margin-top:5px;padding:10px;width:100%}.login-form input[type=submit]{background-color:#4caf50;border:none;color:#fff;cursor:pointer}.login-form input[type=submit]:hover{background-color:#45a049}@media (max-width:600px){.login-form{width:90%}.login-form label{margin-bottom:10px}.login-form input[type=password],.login-form input[type=submit],.login-form input[type=text]{font-size:16px}}.signup-content{align-items:center;background-color:rgba(67,67,67,.907);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}label{font-weight:700;margin-bottom:15px}input[type=password],input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:5px;padding:10px;width:calc(100% - 20px)}input[type=submit]{display:block;font-size:16px;margin-top:20px;padding:10px 0;width:100%}.add-group-content{align-items:center;background-color:rgba(67,67,67,.907);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.title{color:#333;margin-bottom:20px;text-align:center}form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;width:300px}label{color:#555;display:block;margin-bottom:10px}input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;margin-top:5px;padding:10px;width:calc(100% - 22px)}.del-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 15px}.del-btn,.del-btn:hover{background-color:#f44336}.add-btn{background-color:#34c2c2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 15px}.add-btn:hover{background-color:#0ff}input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-top:10px;padding:10px 15px}input[type=submit]:hover{background-color:#45a049}button.tomypage{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 15px}button.tomypage:hover{background-color:#d32f2f}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.react-tabs__tab-list{background:#f9f9f9;border-bottom:2px solid #ccc;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.react-tabs__tab{color:#666;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease-in-out}.react-tabs__tab:hover{background:#b7d6e0;color:#000}.react-tabs__tab--selected{background:#fff;border-bottom:3px solid #007bff;color:#007bff}.image-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);margin:20px 0}.image-grid img{aspect-ratio:1/1;box-shadow:0 4px 8px #0003;height:100%;object-fit:cover;width:100%}@media (max-width:600px){.image-grid{grid-template-columns:repeat(2,1fr)}.image-grid img{max-width:100%}}.button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.mypage .logout,.mypage .makegroup,.mypage .uppicture{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;padding:15px 30px;width:auto}.mypage .logout:hover,.mypage .makegroup:hover,.mypage .uppicture:hover{background-color:#0056b3}.mypage .tab-system{box-sizing:border-box;margin:20px auto;max-width:600px;padding:10px;width:100%}@media (max-width:600px){.mypage .logout,.mypage .makegroup,.mypage .uppicture{font-size:10px;margin-bottom:10px;width:calc(33.33% - 10px)}.mypage .tab-system{padding:5px;width:100%}.button-container{justify-content:space-between}}.index-page{align-items:center;background:url(/static/media/y.64848c9589b01698bb99.png) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.index-page .login,.index-page .signup{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:10px;padding:15px 30px;transition:all .3s ease;width:auto}.index-page .login:hover,.index-page .signup:hover{box-shadow:0 8px 12px #0003;transform:translateY(-2px)}.index-page .login:active,.index-page .signup:active{box-shadow:0 4px 6px #0000001a;transform:translateY(0)}
/*# sourceMappingURL=main.115f8de5.css.map*/