@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.accordion__section{display:flex;flex-direction:column;margin:0 auto;width:100%}.accordion__section .accordion{align-items:center;background-color:rgba(82,188,250,.569);border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;margin-top:10px;outline:none;padding:1rem;transition:background-color .6s ease;width:100%}.accordion__section .accordion:hover{background-color:#52bcfa}.accordion__section .accordion.active{background-color:#0c0c30;color:#fff}.accordion__section .accordion .accordion__title{font-size:1rem;font-weight:600;width:100%}.accordion__section .accordion .accordion__icon{color:#fff;margin-left:auto;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.accordion__section .accordion .rotate{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.accordion__section .accordion__content{background-color:hsla(0,0%,73%,.568);border-radius:0 0 5px 5px;display:flex;flex-direction:column;overflow:hidden;padding:0 10px;transition:max-height .6s ease}.accordion__section .accordion__content .accordion__content-top{display:flex;justify-content:space-between}.accordion__section .accordion__content .accordion__content-top .left{display:flex;flex-direction:column;gap:10px}.accordion__section .accordion__content .accordion__content-top .right{display:flex;flex-direction:column;justify-content:space-around;padding-left:15px}.accordion__section .accordion__content .accordion__content-top .right button{background-color:#8b2424;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 15px}.accordion__section .accordion__content .accordion__content-top .right button:first-child{background-color:#116311}.accordion__section .accordion__content ul{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;list-style-type:none;margin:10px}.accordion__section .accordion__content ul li{align-items:center;display:flex;flex-direction:column}.accordion__section .accordion__content ul li .accordion-row-example{border:1px solid red;border-radius:3px;height:30px;margin-top:10px;width:90px}.accordion__section .accordion__content h3{color:#fff;margin-top:20px}.accordion__section .accordion__content h6{font-weight:200}.table-container{border:1px solid #000;display:flex;flex-wrap:wrap;gap:1px;height:29px;list-style-type:none;margin:0;padding:0;width:85px}.table-container li{background-color:#2727ff;color:#fff;font-size:6px;height:6px;text-align:center;width:20px}.table-frame{align-items:center;border:1px solid hsla(0,0%,50%,.678);display:flex;flex-wrap:wrap;gap:7px;height:29px;justify-content:center;list-style-type:none;margin:0;padding:5px;width:85px}.table-frame li{background-color:#000;border-radius:50%;color:#fff;font-size:6px;height:6px;text-align:center;width:10px}.table-place{align-items:center;border:1px solid hsla(0,0%,50%,.678);display:flex;flex-wrap:wrap;gap:1px;height:29px;list-style-type:none;margin:0;padding:0;width:85px}.table-place .table-place-li{background-color:#e1dfdf}.table-place .table-place-li,.table-place .table-place-li-problem{align-items:center;color:#000;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.table-place .table-place-li-problem{background-color:red}.rows-container{margin:0}.rows-container .addNewRow-form{display:flex;justify-content:flex-end;padding-bottom:20px;padding-top:20px;width:100%}.rows-container .addNewRow-form input{border:none;border-radius:3px;outline:1px solid #52bcfa;text-align:center;width:30px}.rows-container .addNewRow-form button{background-color:rgba(82,188,250,.569);border:none;border-radius:3px;cursor:pointer;margin:0 10px;padding:5px 10px}.rows-container .addNewRow-form button:hover{background-color:#52bcfa}.rows-container .row-box{align-items:center;border:1px solid rgba(255,0,0,.262);border-radius:3px;display:flex;justify-content:space-between;margin:5px;padding:8px}.rows-container .row-box.active{background-color:rgba(75,76,160,.144)}.rows-container .row-box .left{width:100%}.rows-container .row-box .left .left-fields-content{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.rows-container .row-box .left .left-fields-content .tablePlace{height:29px;margin:0;padding:0;position:relative;width:85px;z-index:10}.rows-container .row-box .left .left-fields-content .tablePlace .tableContent{background-color:hsla(0,50%,74%,.832);border:1px solid hsla(0,0%,50%,.678);color:#fff;left:24px;padding:0 3px;position:absolute;top:3px;z-index:25}.rows-container .row-box .left .tablePanel{background-color:rgba(255,0,0,.11);border:1px solid hsla(0,0%,50%,.678);border-radius:5px;margin:0 auto 8px;min-width:330px;padding:10px;width:100%}.rows-container .row-box .left .tablePanel p{margin:10px 0;text-align:center;width:100%}.rows-container .row-box .left .tablePanel .tablePanel-buttons{display:flex;justify-content:space-between}.rows-container .row-box .left .tablePanel .tablePanel-buttons .button-delete{background-color:red;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;padding:3px 5px}.rows-container .row-box .left .tablePanel .tablePanel-buttons .button-delete:hover{background-color:rgba(255,0,0,.292)}.rows-container .row-box .left .tablePanel .tablePanel-buttons .button-update{background-color:green;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:3px 5px}.rows-container .row-box .left .tablePanel .tablePanel-buttons .button-update:hover{background-color:rgba(0,128,0,.39)}.rows-container .row-box .left .tablePanel .tablePanel-buttons select{background-color:gray;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:3px 5px}.rows-container .row-box .left .tablePanel .tablePanel-buttons select:hover{background-color:rgba(0,128,0,.39)}.rows-container .row-box .right{align-items:center;display:flex;gap:10px;justify-content:space-around;padding:0 0 0 10px;width:240px}.rows-container .row-box .right .edit-button{align-items:center;color:#1f282d;cursor:pointer;display:flex}.rows-container .row-box .right .edit-button.active{color:red}.rows-container .row-box .right .show-form{display:block}.rows-container .row-box .right .hidden-form{display:none}.rows-container .row-box .right .fields-form{align-items:center;display:flex}.rows-container .row-box .right .fields-form input{border:none;border-radius:3px;height:21px;margin-right:5px;outline:1px solid #52bcfa;text-align:center;width:30px}.rows-container .row-box .right .fields-form .add-button{color:#2e7ba7;cursor:pointer;height:25px;margin:0;padding:0;width:25px}@media screen and (max-width:600px){.rows-container .row-box{flex-direction:column}.rows-container .row-box .left .tablePanel{min-width:280px}.rows-container .row-box .right{margin-top:20px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:hsla(0,0%,50%,.164);font-family:Nunito,sans-serif;font-size:16px;height:100%;min-height:100vh}header{background-color:#0c0c30;padding:20px 10px}header nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}header nav .logo-link{color:#fff;display:flex;font-size:28px;font-weight:400;padding:5px 10px;text-decoration:none}header nav .logo-link:hover{color:rgba(82,188,250,.569)}header nav .logo-link .logo-img{-webkit-animation:App-logo-spin 15s linear infinite;animation:App-logo-spin 15s linear infinite;width:45px}header nav .link{background-color:#52bcfa;border-radius:5px;color:#fff;display:block;height:100%;padding:6px 13px;text-decoration:none}header nav .link:hover{background-color:rgba(82,188,250,.569)}header nav .small-screen-link{display:none}main{margin:0 auto;max-width:1200px;padding:0 15px}main h1{margin:20px 0;text-align:center;width:100%}main .home-project-box{background-color:rgba(82,188,250,.569);border-radius:5px;margin:10px auto;max-width:500px;padding:20px}main .home-project-box:hover{background-color:#52bcfa}main .home-project-box h3{background-color:#0c0c30;border-radius:5px;color:#fff;display:flex;font-weight:400;justify-content:center;margin-bottom:10px;padding:3px 5px}main .home-project-box h3 span{font-weight:600}main .home-project-box h3 .home-project-title{display:block;margin-right:10px}main .home-project-box h4{color:#000;display:flex;font-weight:400;justify-content:space-between;padding:5px 0}main .home-project-box h6{color:#000;font-weight:200}main .home-project-box.add-form{display:flex;flex-direction:column;gap:10px}main .home-project-box.add-form:hover{background-color:rgba(82,188,250,.569)}main .home-project-box input{color:#4d4b4b}main .home-project-box button,main .home-project-box input{border:none;border-radius:3px;font-size:16px;outline:none;padding:8px 5px}main .home-project-box button{background-color:#0c0c30;color:#fff}main .home-project-box button:hover{background-color:#47476b}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:500px){main .home-project-box h4{flex-direction:column}}@media screen and (max-width:450px){header nav .link{display:none}header nav .small-screen-link{background-color:#52bcfa;border-radius:5px;color:#fff;display:block;font-size:1.4rem;height:100%;padding:2px 11px;text-decoration:none}header nav .small-screen-link:hover{background-color:rgba(82,188,250,.569)}main .home-project-box h3 .home-project-title{display:none}}
/*# sourceMappingURL=main.c8c9766c.css.map*/