nav{background:rgb(18,196,255);height:80px;width:100%;position:fixed;z-index:100;transition:all .5s}nav ul{text-align:center;transition:left .5s;left:-100%}nav ul li{display:inline-block;line-height:80px;margin:0 30px;vertical-align:top}nav ul li .nav-link{color:#473691;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;font-size:17px;padding:7px 13px;border-radius:10px;text-transform:uppercase;transition:background-color .2s}.nav-link:hover{background:rgb(18,160,255)}.check-btn{opacity:1;float:right;margin-right:50px;line-height:70px;cursor:pointer}#nav-toggle{display:none}.nav-icon{line-height:80px;height:50px;width:40px;margin:auto;vertical-align:middle;display:none}@media (max-width: 700px){nav ul li{display:block}nav ul{position:fixed;width:100%;height:100vh;background:rgb(0,35,71);top:80px;padding-top:40px}nav ul li .nav-link{color:#bebebe}.nav-icon{display:inline}#nav-toggle:checked~ul{left:0px}}.space{height:80px}.visible{top:0}.not-visible{top:-80px}.active{color:#fff!important}.head-container{display:flex-row;justify-content:center;align-items:center;text-align:center;margin:0 12.5vw;background:radial-gradient(circle,rgba(0,60,133,.2),rgba(0,0,0,0) 95%);padding-bottom:10px;margin-top:50px}#my-name{font-weight:700;font-size:60px;color:#000a52;margin-top:30px;padding-top:15px}#my-title{font-weight:700;font-size:35px;color:#009bcb;margin-top:50px}#my-education{margin-top:20px;padding-bottom:15px}.skill-container{display:flex-row;justify-content:center;align-items:center;text-align:center;border:rgb(0,155,203) solid 8px;margin:0 10vw;margin-top:50px;border-radius:80px;padding:20px 30px 35px}#my-skill{font-weight:700;font-size:35px;color:#009bcb;margin-bottom:20px}.skill-list{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;padding-top:20px;align-content:center;justify-content:center;gap:20px}.skill-item{padding:15px 25px;font-weight:700;font-size:20px;border-radius:15px;letter-spacing:1px}.item1{color:#fff;background-color:#009bcb}.item2{color:#000;background-color:#14e7f2}.item3{color:#000;background-color:#03e26f}.item4{color:#000;background-color:#d3d3d3}.about-me-container{display:flex-row;justify-content:center;align-items:center;text-align:center;margin:0 12.5vw;margin-bottom:200px}#about-me{font-weight:700;font-size:35px;color:#009bcb;margin-top:100px;padding-bottom:20px}.about-me-content{margin-top:30px;font-size:25px;justify-content:flex-start;text-align:left;tab-size:20px;text-align:justify}@media (max-width: 800px){.head-container{margin:0 calc(50vw - 300px)}}@media (max-width: 600px){.head-container{margin:auto}}@media (max-width: 500px){#my-name{font-size:30px}#my-title{font-size:20px;margin-top:30px}#my-education{font-size:10px;margin-top:8px}.skill-container{margin:20px 12px 0;border-width:5px;padding:10px;border-radius:30px}#my-skill{font-size:25px;margin-bottom:0}.skill-list{padding-top:12px;row-gap:5px;column-gap:5px}.skill-item{font-size:12px;padding:6px 12px}.about-me-container{margin:20px 15px}#about-me{margin-top:0;padding-bottom:0;font-size:25px}.about-me-content{font-size:12px;margin-top:12px}}@media (min-width: 1450px){.skill-container,.about-me-container{width:1160px;margin-left:calc(50vw - 580px)}}.project{text-align:center;font-weight:700;font-size:60px;color:#009bcb;margin-top:65px}.project-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid;row-gap:50px;column-gap:30px;margin:50px 30px;justify-content:center}.project-item{display:flex;flex-direction:column;background-color:#add8e6;padding:30px;border-radius:50px;transition:all .2s;position:relative}.project-image{border-start-start-radius:50px;border-start-end-radius:50px;border-end-start-radius:20px;border-end-end-radius:20px;height:300px;object-fit:cover;width:100%;transition:all .3s}.overlay{position:absolute;border-start-start-radius:50px;border-start-end-radius:50px;border-end-start-radius:20px;border-end-end-radius:20px;height:300px;width:calc(100% - 60px);transition:all .3s;text-align:center;background-color:none;padding-top:150px;color:#fff;font-weight:700;font-size:30px;opacity:0;cursor:pointer}.project-title{text-align:center;margin-top:20px;color:#002347}.project-description{margin-top:20px;text-align:center}.project-item:hover{box-shadow:0 0 30px #0000004d}.overlay:hover{height:330px;margin:-15px;width:calc(100% - 30px);background-color:#32007d80;opacity:1}.overlay:hover+.project-image{box-shadow:0 0 30px #0000004d;height:330px;margin:-15px;width:calc(100% + 30px)}.overlay:active{background-color:#32007d59;transition:background-color .15s}@media (max-width: 500px){.project{margin-top:30px;font-size:30px}.project-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));row-gap:15px;column-gap:15px;margin:20px 12px}.project-item{padding:15px;border-radius:30px}.project-image,.overlay{border-start-start-radius:30px;border-start-end-radius:30px;border-end-start-radius:12px;border-end-end-radius:12px;height:150px}.project-title{font-size:20px}.project-description{font-size:12px;margin-top:6px}.project-item:hover{box-shadow:initial;width:initial;height:initial;margin:initial;box-shadow:none}.project-image:hover{width:initial;margin:initial;box-shadow:none}.overlay:hover+.project-image{height:initial;width:initial;margin:initial;box-shadow:none;height:150px}.overlay:hover{height:150px;width:calc(100% - 30px);margin:initial;opacity:0}.overlay{width:calc(100% - 30px);background-color:red;opacity:0;font-size:0}}.contact-page{text-align:center;font-weight:700;font-size:60px;color:#009bcb;margin-top:65px}.name{display:grid;grid-template-columns:1fr 1fr;margin:10px 15vw;margin-top:50px;gap:30px}#first-name,#last-name{height:60px;border:6px solid rgb(0,155,203);border-radius:15px;padding:0 15px;font-size:25px;min-width:135px}#email{height:60px;border:6px solid rgb(0,155,203);border-radius:15px;padding:0 15px;font-size:25px;min-width:280px;margin:0 15vw;width:70vw;display:block;margin-top:30px}#message{border:6px solid rgb(0,155,203);border-radius:15px;padding:10px 15px;font-size:25px;min-width:280px;margin:0 15vw;width:70vw;margin-top:30px;height:350px;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;resize:vertical}#submit{height:60px;border:6px solid rgb(39,123,212);border-radius:15px;padding:0 15px;font-size:25px;margin-left:calc(85vw - 120px);width:120px;display:block;margin-top:20px;font-weight:700;background-color:#009ccbb3;transition:box-shadow background-color .2s;cursor:pointer;margin-bottom:150px}#submit:hover{box-shadow:6px 4px 15px #0003;background-color:#009ccb}#submit:active{background-color:#009ccb66}@media (max-width: 900px){.name{width:630px;margin-left:auto;margin-right:auto;gap:10px}#email,#message{width:630px;margin-left:auto;margin-right:auto;margin-top:10px}#submit{margin-left:calc(50vw + 195px)}}@media (max-width: 650px){.contact-page{font-size:30px;margin-top:30px}.name{width:auto;margin-left:10px;margin-right:10px}#first-name,#last-name,#email,#message{border-radius:10px;font-size:16px;height:45px;padding:0 10px;border-width:3px}#email,#message{width:calc(100vw - 20px);margin-left:10px;margin-right:10px}#message{height:200px}#submit,.loader{margin-left:calc(100vw - 110px);margin-top:8px;font-size:20px;height:50px;width:100px;padding:auto;border-width:5px}}@media (min-width: 1400px){.name,#email,#message{width:980px;margin-left:calc(50vw - 490px)}#submit{margin-left:calc(50vw + 370px)}}.loader{height:40px;width:40px;position:absolute;margin-left:21px;margin-top:-6px;border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;animation:spin 2s linear infinite;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{color:transparent;display:block}.Misc-container{display:flex-row;justify-content:center;align-items:center;text-align:center;border:rgb(0,155,203) solid 8px;margin:0 10vw;margin-top:50px;border-radius:80px;padding:20px 30px 10px}.Misc{font-weight:700;font-size:35px;color:#009bcb;margin-bottom:20px}@media (max-width: 600px){.Misc-container{border-radius:30px;border-width:5px}.Misc{font-size:20px}}.scheduler{text-align:center;font-weight:700;font-size:60px;color:#009bcb;margin-top:65px}.main-content-container{display:grid;grid-template-columns:minmax(200px,400px) minmax(250px,450px);justify-content:center;margin-top:30px;margin-bottom:100px}.table{background-color:#d3d3d3;border:5px solid gray;border-radius:30px;padding:15px 20px}.table *{font-weight:700;outline-style:solid;outline-offset:-.5px;outline-width:1px}.table-head{background-color:#87cefa;padding:5px;text-align:center;display:flex;justify-content:center;align-items:center}.ready-queue-row{display:grid;grid-template-columns:100px 1fr}.resource-row{display:grid;grid-template-columns:50px 60px 90px 1fr}.processes-row{display:grid;grid-template-columns:50px minmax(100px,200px) 1fr}.content-center{display:flex;justify-content:center;align-items:center;background-color:#ffb6c1;padding:6px 20px}.content-left{font-weight:lighter;text-align:left;padding:6px 20px;background-color:#add8e6}.user-commands{width:290px;display:grid;justify-content:center;margin:30px auto auto}@media (max-width: 700px){.scheduler-container{zoom:.3}.main-content-container{grid-template-columns:600px}}.setting-page{width:550px;margin:20px auto auto;align-items:center;justify-content:center}.setting-page-title{margin:auto;text-align:center}.setting-button{background:none;border:none;font-size:24px;font-weight:700;color:#00f}.setting-items{padding-left:20px}.set-sizes{display:grid;grid-template-columns:1fr 1fr}.setting-input-bar{width:120px}.setting-confirm-button{margin-top:5px}.set-resource-amount{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:5px}.setting-button:hover{cursor:pointer}.help-page{width:500px;margin:30px auto auto;align-items:center;justify-content:center;padding:15px 15px 15px 25px}.help-page-title{margin:auto auto 10px;text-align:center}.help-content{display:grid;grid-template-columns:100px 1fr;row-gap:5px;margin-top:20px}.help-button{font-size:24px;font-weight:700;background:none;border:none;color:#00f}.help-button:hover{cursor:pointer}.draw{position:fixed}.toolList{display:flex;width:100%}.toolSelector{display:flex;width:100%;align-items:center;justify-content:center}.selectedTool{background-color:gray}.canvas{margin:0;padding:0;border:0;background-color:gray;color:#0ff;width:100%;height:100%}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}