App.css
body{font-family:Arial,sans-serif}.heading{color:#333;font-size:30px;font-weight:700;letter-spacing:1px;line-height:1.2;margin-bottom:20px;margin-top:20px;text-align:center;text-shadow:2px 2px 4px #0003}.App{background-attachment:fixed;background-image:url(https://assets.techrepublic.com/uploads/2020/12/zoom-chinnapong.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:-8px;min-height:100vh;padding:20px}.main-container{flex-direction:row;margin:2%}.form-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;left:20px;padding:15px;top:20px;width:30%}form{grid-gap:15px 10px;align-items:center;display:grid;gap:15px 10px;grid-template-columns:auto 1fr}form h2{font-size:18px;grid-column:span 2;margin-bottom:15px;text-align:center}.form-group{display:contents}.form-group label{font-size:14px;justify-self:center}.form-group input{border:none;border-bottom:1px solid #ccc;font-size:14px;outline:none;padding:6px 0}.form-group input:focus{border-bottom:2px solid #007bff}.progress-bars{display:flex;flex-direction:row;gap:15%;margin:20px 10px;padding-left:100px;padding-top:70px;width:70%}.progress-bar-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.progress-label{font-size:25px;font-weight:700;margin-bottom:30px}.semi-circle{background-color:#e6e6e6;border-top-left-radius:150px;border-top-right-radius:150px;height:100px;overflow:hidden;position:relative;width:200px}.fill-mask{clip:rect(0,150px,75px,0);border-radius:50%;height:150px;overflow:hidden;width:150px}.fill{background-color:#007bff;bottom:0;position:absolute;transform-origin:bottom center;transition:height .3s ease-in-out;width:200px}.inside-circle{font-size:16px;font-weight:700;left:43%;line-height:60px;position:absolute;text-align:center;top:20px}body{font-family:Arial,sans-serif}.abcd{margin-top:-300px}.progress_container{background:#f9f9f9;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;gap:10%;margin-left:37%;margin-right:7%;padding:20px}.container-int{display:flex;font-family:Arial,sans-serif;gap:10%;margin:90px 10px;padding:20px}.technology-form{background:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px}h2{color:blue;font-family:sans-serif;margin-bottom:20px;text-align:center}.technology-list{display:flex;flex-direction:column}.technology-list-header,.technology-list-row{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.technology-list-header{background:#eee;font-weight:700}.technology-list-cell{flex:1 1;padding:5px;text-align:center}.technology-list-cell:hover{background:#f1f1f1;cursor:pointer}.technology-list-row:nth-child(2n){background:#fafafa}.technology-list-row:nth-child(odd){background:#fff}.technology-list-row:hover{background:#e9e9e9}.details-form{background:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px;width:100%}.details-form h2{font-size:1.5rem;margin-bottom:10px}label{display:block;font-weight:700;margin-bottom:5px}textarea{height:100px;resize:vertical}select,textarea{border:1px solid #ccc;margin-bottom:10px;width:100%}select{font-size:1rem;padding:10px}.point-circle{border:1px solid #ccc;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin-right:5px;width:10px}.point-circle.filled{background-color:#007bff}.points-container{align-items:center;display:flex}.points-scale{display:flex}.numerical-value{font-weight:700;margin-left:10px}@media (max-width:768px){.container{padding:10px}textarea{height:80px}}.chart-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;left:50%;padding:15px;position:relative;transform:translateX(-50%);width:60%}.chart-content{height:auto;width:100%}.download{cursor:pointer;position:absolute;right:10%;top:20%;transition:background-color .3s,transform .3s}.download:hover{background-color:#0056b3;transform:scale(1.05)}.download:active{background-color:#004085}
/*# sourceMappingURL=main.413fe1eb.css.map*/