:root{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto!important;overflow-x:auto!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background-color:#bfbfbf}h1{font-size:3.2em;line-height:1.1;text-align:center}header{color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5em}progress{width:100%;height:1.5em;border-radius:8px;background-color:#0f03ad;color:#00008b;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background-color:#e0e0e0a9;border-radius:8px;border:2px solid black}progress.still-good::-webkit-progress-value{background-color:#0f03ad;border-radius:8px}progress.warning::-webkit-progress-value{background-color:#b90303;border-radius:8px}header span{display:block;text-align:center;margin-top:.5em;font-size:1.6em}header span.duration-bolded{font-weight:bolder;color:#200}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}main div{background-color:#535252}select,h2{text-align:center}ul{list-style-type:disc!important;margin-left:2em}ul li{margin-bottom:.7em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.radio-group,.radio-button{display:flex;flex-direction:row;justify-content:space-evenly}.radio-button>*{font-size:25px;padding:6px 18px}input[type=radio]{transform:scale(1.5)}.data-view{background-color:transparent;margin-top:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#t-projs.data-view{flex-direction:column}.skill-form,.skill-form form{display:flex;flex-direction:column}.skill-form{padding:12px}.skill-form form{align-items:center;justify-content:center}.skill-form form>*{margin:8px}.record-controls{display:flex;flex-direction:column;align-items:center;padding:9px}.edit-button{background-color:#34ad9f}.delete-button{background-color:#e42424}.update-button{background-color:#7fffd4;color:navy!important}.update-button:disabled{background-color:#ccc;color:#666!important;cursor:not-allowed;opacity:.7}.cancel-update-button{background-color:#ff4500}.record-controls button{font-size:14px;font-weight:700;color:#fff;width:70px;margin:4px auto;padding:0}table :is(th,td){border-bottom:1px solid white;border-right:1px solid white;text-align:center;padding:8px 16px}.table-container{max-height:500px;overflow-y:auto}table p{word-wrap:b}.strict-col{width:150px}.first-col{border-left:1px solid white}tr th{border-top:1px solid white!important}.center-input{text-align:center;resize:none}.tech-icon{width:100px;height:100px}.project-form,.project-form form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.project-form-row{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:8px;padding:15px}.project-form-row>*{margin:0 8px}.project-form input[type=submit]{background-color:#34ad9f;color:#fff;font-weight:700;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;margin-bottom:15px}.project-form input[type=text]{min-width:300px;max-width:400px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box;background-color:#f9f9f9;color:#000;transition:border-color .3s ease}textarea[name=description],textarea[name=key_points]{resize:none}input[type=number]{text-align:center;width:50px}#slideshow{width:900px;margin-top:20px;flex-direction:column;align-items:center;justify-content:center}#slideshow :is(h2,h3,h4){text-align:center;background-color:transparent!important}#slideshow>*{width:100%}#slideshow #slide-navigation>button{width:50%}#slide-content-containers{height:300px;display:flex;flex-direction:row;justify-content:space-around}#slide-content-containers>*{width:50%;height:100%}#slide-content-containers div{overflow-y:auto}#slide-content-containers div>:not(#project-info-table){padding:10px 30px}#project-info-table{margin:auto;text-align:center;background-color:#fff;color:#000;width:fit-content;padding:1px}#project-info-table :is(tbody,tr,td){border:2px solid black!important}#project-links{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:16px 0}#project-links a{border:1px solid white;font-size:20px;background-color:#87ceeb;color:indigo;border-radius:15px;padding:10px;font-weight:700}#project-links a:hover{background-color:#00f;color:violet}#slideshow .record-controls{flex-direction:row;padding:0}#slideshow .record-controls button{width:50%;height:100%;font-size:30px}#project-skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;width:100%;height:100%;align-items:stretch;justify-items:stretch;box-sizing:border-box}#project-skills-container .project-skill{border:1px solid #ccc;background-color:gray;padding:8px;border-radius:8px;text-align:center;font-weight:700;font-size:18px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.project-skill:hover{transform:scale(1.05);background-color:#f96201!important;color:maroon!important}#admin-login,#admin-login form,#admin-login .form-group{display:flex;flex-direction:column;align-items:center;justify-content:center}#admin-login{width:fit-content;height:fit-content;padding:15px;border-radius:15px;background-color:#666}#admin-login .form-group,#username,#password,#admin-login button{padding:15px;font-size:25px}#username,#password{width:80%}#admin-login .form-group :is(label,button){font-weight:bolder}#admin-login .form-group label{margin-bottom:3px}.error{background-color:#f96201;color:maroon;padding:10px;border-radius:15px;font-size:20px;font-weight:700;text-align:center;margin-bottom:5px}
