body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:62.5%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(min-width:0px){.loading{align-content:center;display:flex;justify-content:center;margin-top:20rem}.loading svg{animation:rotate360 2s linear infinite;height:10rem;width:10rem}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media(min-width:768px){.loading svg{height:15rem;width:15rem}}.scene-canvas{height:50rem;left:50%;width:50rem}@media(min-width:0px){.error-text{color:var(--secondary-color);font-size:3rem}.form{flex-direction:column;font-size:4rem;margin-bottom:1rem}#form-btn-div{justify-content:center}#form-btn{align-items:center;font-size:2rem;width:12.8rem}#email-link{font-size:2.5rem;text-decoration:none}}@media(min-width:768px){#contact-form{height:35.4rem;margin:0 auto;width:61.5rem}}*{box-sizing:border-box;font-size:62.5%;margin:0;padding:0}body{min-height:100vh}.box{margin:0 auto;width:80%}.flex{display:flex;flex-wrap:wrap}.flex.column{flex-direction:column}.flex.row-rev{flex-direction:row-reverse}.flex.column-rev{flex-direction:column-reverse}.flex.center{justify-content:center}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.border{border:.5rem solid var(--primary-color)}h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:2.08rem}h4{font-size:1.6rem}h5{font-size:1.28rem}h6{font-size:1.12rem}.btn,a,li,p{font-size:1.6rem}.btn{border:.1rem solid gray;border-radius:.7rem;display:inline-block;height:auto;padding:.2rem 1rem;width:auto}.btn,.center{text-align:center}.left{text-align:left}.right{text-align:right}.row{display:flex;flex-wrap:wrap;width:100%}.col-1{width:10%}.col-2{width:20%}.col-3{width:30%}.col-4{width:40%}.col-5{width:50%}.col-6{width:60%}.col-7{width:70%}.col-8{width:80%}.col-9{width:90%}.col-10{width:100%}@media(min-width:0px){body{background-color:var(--primary-color);color:var(--text-color)}.col-2,.col-3,.col-5,.col-7{text-align:center;width:100%}.col-4{width:100%}h2{font-size:4rem}h3,h4,h5{text-align:center}h3{font-size:3rem;margin:3rem 0}h3,h4{color:var(--secondary-color)}h4{font-size:2.5rem;margin-bottom:2rem}h5{font-size:2rem}hr{margin:6rem 0}.title{font-family:var(--text-style);margin-bottom:6rem}.title,p{text-align:center}p{color:var(--text-color);font-size:1.75rem;margin:.5rem 0}span{color:var(--secondary-color);font-size:2rem}img{margin:auto 0 2rem;width:100%}ul{list-style-type:none}button{background-color:var(--text-color);border:var(--border-primary);border-radius:var(--border-radius);box-shadow:var(--box-shadow-primary);color:var(--primary-color);font-size:1.2rem;font-weight:700;padding:var(--btn-padding)}button:hover{cursor:pointer}}@media(min-width:768px){.col-2{width:20%}}@media(min-width:992px){.col-3{width:30%}.col-4{width:40%}}@media(min-width:1200px){p{font-size:2.5rem}.col-5{margin:0 auto;width:45%}}.project{position:relative;text-align:center}.project-image-wrapper{display:block;position:relative;width:100%}.project_img{display:block;height:auto;width:100%}.project-orbit-overlay{align-items:center;background:#060812e6;display:flex;inset:0;justify-content:center;opacity:0;overflow:hidden;position:absolute;transition:opacity .35s ease,visibility .35s ease;visibility:hidden}.project-orbit-overlay.visible{opacity:1;visibility:visible}.ring-container{grid-gap:5px;aspect-ratio:1;display:grid;gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-height:90%;width:50%}.arc-quadrant{cursor:pointer;overflow:hidden;position:relative;text-decoration:none}.ring-arc{background:#0000;border:clamp(22px,4vw,60px) solid #22c1c3e6;border-radius:50%;box-shadow:0 0 16px #22c1c359;box-sizing:border-box;height:200%;position:absolute;transition:border-color .25s ease,box-shadow .25s ease;width:200%}.q-top-left .ring-arc{left:0;top:0}.q-top-right .ring-arc{right:0;top:0}.q-bottom-left .ring-arc{bottom:0;left:0}.q-bottom-right .ring-arc{bottom:0;right:0}.arc-quadrant:hover .ring-arc{border-color:#fdbb2d;box-shadow:0 0 26px #fdbb2da6}.arc-icon{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:clamp(.55rem,1vw,.8rem);gap:3px;pointer-events:none;position:absolute;text-shadow:0 1px 4px #000000e6;transform:translate(-50%,-50%);transition:color .25s ease;z-index:2}.q-top-left .arc-icon{left:43%;top:43%}.q-top-right .arc-icon{left:57%;top:43%}.q-bottom-left .arc-icon{left:43%;top:57%}.q-bottom-right .arc-icon{left:57%;top:57%}.arc-quadrant:hover .arc-icon{color:#fdbb2d}.arc-icon svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.85));font-size:1.6em}.arc-icon span{font-size:.9em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.arc-info-panel{background:#060812eb;border:1px solid #22c1c38c;border-left:3px solid #22c1c3e6;box-shadow:0 0 18px #22c1c333,inset 0 0 10px #22c1c30d;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);left:0;opacity:0;padding:clamp(6px,1.2vw,14px) clamp(8px,1.5vw,18px);pointer-events:none;position:absolute;transform:scaleX(0);transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1);width:clamp(120px,38%,220px);z-index:10}.arc-info-problem{top:12%;transform-origin:left center}.arc-info-stack{bottom:12%;transform-origin:left center}.arc-info-panel.arc-info-visible{opacity:1;transform:scaleX(1)}.arc-info-body{color:#dcebffe0;font-size:clamp(.75rem,1.4vw,1rem);line-height:1.5;margin:0;text-shadow:0 1px 3px #000c}@media(min-width:992px){#projects{justify-content:space-between}}@media(min-width:768px)and (max-width:991px){.ring-arc{border-width:clamp(36px,7vw,52px)}}@media(max-width:767px){.ring-arc{border-width:clamp(28px,7vw,42px)}}@media(max-width:480px){.ring-arc{border-width:clamp(32px,9vw,48px)}}@media(max-width:767px){.arc-info-panel{padding:5px 8px;width:clamp(100px,48%,180px)}.arc-info-body{font-size:.7rem;line-height:1.4}}@media(max-width:480px){.arc-info-panel{width:52%}.arc-info-body{font-size:.65rem}}@media(min-width:0px){header,header h1{background-color:var(--primary-color)}header h1{margin:6rem 0}header nav{background-color:var(--primary-color)}header a{color:var(--text-color);display:inline-block;font-size:4rem;text-decoration:none}header a:hover{color:var(--secondary-color);font-weight:700}header nav ul{font-style:var(--text-style);list-style-type:none}header nav ul li a{font-family:var(--text-style);font-size:3rem}.navActive{color:var(--secondary-color)}#theme-toggle-div{margin-top:2rem}}@media(min-width:768px){#nav-links{justify-content:space-between}}@media(min-width:992px){#name{width:100%}}@media(min-width:1200px){header a{font-size:6rem}header nav ul li a{font-size:4rem}}.toggle-switch{display:inline-block;height:25px;position:relative;width:110px}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .switch{background-color:#fff;border-radius:25px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.toggle-switch .switch:before{background-color:#aaa;border-radius:50%;content:"";height:21px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:21px}.toggle-switch input[type=checkbox]:checked+.switch:before{background-color:#aaa;transform:translateX(84.5px)}.toggle-switch input[type=checkbox]:checked+.switch{background-color:#000}.text{color:#000}.text:after{content:"Dark Mode";margin-left:2.7rem}.text:after,.text:before{font-size:1.5rem;margin-top:.4rem;position:absolute;transition:opacity .2s ease-in-out}.text:before{color:#fff;content:"Light Mode";margin-left:1rem}input+.switch+.text:after{opacity:1}input+.switch+.text:before,input:checked+.switch+.text:after{opacity:0}input:checked+.switch+.text:before{opacity:1}@media(min-width:0px){#icon-div{justify-content:center;padding:1rem 0}#icon-div .social-icons a{margin-right:1rem}}@media(min-width:1200px){footer .col-10{font-size:3rem}}@media(min-width:0px){#resume-link-div{justify-content:center}#resume-link{color:var(--text-color);font-size:2rem;margin-bottom:3rem;text-decoration:none}#skills-div{justify-content:center}.skill{font-size:2rem;margin-bottom:.5rem;text-decoration:none}#bio{margin:3rem 0}#me-img{height:276px;width:180px}}.block{will-change:transform}@media(min-width:0px){.backend-container{display:flex;flex-direction:column;margin:auto;width:80%}.backend-container .wake-up-container{text-align:center}.backend-container #wake-up-loading{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.backend-container #wake-up-loading #wake-up-message{color:red;font-size:2rem;margin-bottom:2rem}.backend-container .all-requests{align-items:center;display:flex;flex-direction:column;margin:auto;width:95%}.backend-container .all-requests button{font-size:1.6rem}.backend-container .all-requests .name{font-size:2rem;margin-bottom:0;margin-top:2rem}.backend-container .all-requests .username{font-size:2rem}.backend-container .dropdowns{display:flex;flex-direction:column;justify-content:center;text-align:center}.backend-container .dropdowns .customer-dd,.backend-container .dropdowns .role-dd{margin-bottom:1rem}.backend-container .dropdowns .customer-dd label,.backend-container .dropdowns .customer-dd select,.backend-container .dropdowns .role-dd label,.backend-container .dropdowns .role-dd select{font-size:1.6rem}.backend-container .token-btn-container{align-content:center;align-items:center;display:flex;justify-content:center;margin-top:1rem}.backend-container .token-btn-container #get-token-btn{width:10rem}}@media(min-width:576px){.backend-container .wake-up-container #wake-up-btn{font-size:1.6rem;padding:1rem}}@media(min-width:768px){.backend-container{margin:auto;width:80%}.backend-container #wake-up-loading #wake-up-message{font-size:2.6rem}.backend-container .all-requests{margin:auto;width:95%}.backend-container .all-requests button{font-size:1.8rem}.backend-container .all-requests .name{font-size:2.5rem;margin-bottom:0;margin-top:2rem}.backend-container .all-requests .username{font-size:2.5rem}.backend-container .dropdowns .customer-dd label,.backend-container .dropdowns .customer-dd select,.backend-container .dropdowns .role-dd label,.backend-container .dropdowns .role-dd select{font-size:2rem}.backend-container .token-btn-container #get-token-btn{font-size:1.6rem;width:12rem}}@media(min-width:992px){.backend-container .wake-up-container #wake-up-btn{font-size:2rem}}@media(min-width:0px){.req-container{display:flex;flex-direction:column;justify-content:center}.req-container h2{font-size:1.2rem;padding:1rem;text-align:center}.req-container #route-desc{color:var(--primary-color);margin-bottom:1rem;margin-top:.5rem}.req-container .ned-container{display:flex;justify-content:center}.req-container .ned-container img{width:auto}.req-container #execute-btn,.req-container #reset-btn{align-self:center;background-color:var(--primary-color);border:var(--border-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow-secondary);color:var(--text-color);font-size:1.2rem;margin-bottom:1rem;padding:var(--btn-padding);width:8rem}.req-container #reset-btn{margin-bottom:2rem}.req-container textarea{margin:auto;padding:1rem;width:80%}.req-container .customer,.req-container .roles{align-items:center;display:flex;justify-content:space-between;margin:.5rem auto 1rem;width:80%}.req-container .customer .user-role-input,.req-container .roles .user-role-input{display:flex}.req-container .customer .user-role-input label,.req-container .roles .user-role-input label{margin-right:.5rem}.req-container .customer{justify-content:center}.req-container .customer .user-role-input{margin-right:1rem}.req-container .error-message{color:red}.req-container .resp-container #server-resp{color:var(--primary-color)}.req-container .resp-container .resp{background-color:var(--primary-color);height:16rem;margin:auto auto 1rem;overflow-y:scroll;width:80%}.req-container .resp-container .resp #pending-req-loading{color:var(--server-color);margin-top:3rem}.req-container .resp-container .resp #server-resp{margin-top:0}.req-container .resp-container .resp pre{color:var(--server-color);font-weight:700;padding:1rem}}@media(min-width:576px){.req-container .ned-container img{height:40rem}}@media(min-width:768px){.req-container h2{font-size:1.6rem}.req-container .ned-container img{width:auto}.req-container #execute-btn,.req-container #reset-btn{font-size:1.6rem;width:10rem}.req-container textarea{font-size:1.2rem}.req-container .customer label,.req-container .roles label{font-size:1.8rem}.req-container .customer .user-role-input label,.req-container .roles .user-role-input label{font-size:1.4rem}.req-container .resp-container .resp #pending-req-loading{color:var(--server-color);margin-top:3rem}.req-container .resp-container .resp #pending-req-loading svg{height:10rem;width:10rem}.req-container .resp-container .resp pre{font-size:1.2rem}}:root[theme=Dark]{--primary-color:#000;--secondary-color:red;--text-color:#fff;--text-style:Open sans-serif;--border-primary:var(--primary-color) 0.1rem solid;--border-secondary:var(--text-color) 0.1rem solid;--border-radius:2rem;--box-shadow-primary:0.5rem 0.5rem 0.75rem var(--text-color);--box-shadow-secondary:0.5rem 0.5rem 0.75rem var(--primary-color);--btn-padding:0.5rem;--server-color:#32cd32}html[theme=Light]{--primary-color:#fff;--secondary-color:red;--text-color:#000;--text-style:Open sans-serif;--border-primary:var(--primary-color) 0.1rem solid;--border-secondary:var(--text-color) 0.1rem solid;--border-radius:2rem;--box-shadow-primary:0.5rem 0.5rem 0.75rem var(--text-color);--box-shadow-secondary:0.5rem 0.5rem 0.75rem var(--primary-color);--btn-padding:0.5rem;--server-color:#006400}@media(min-width:0px){.requests{border:var(--border-primary);box-shadow:var(--box-shadow-primary);height:60rem;margin-top:2rem;width:95%}.requests,.requests .tabs{border-radius:var(--border-radius)}.requests .tabs{display:flex;justify-content:space-around}.requests .tabs h1{cursor:pointer;font-size:1.6rem;padding:.5rem;text-align:center;width:100%}.requests .tabs .active-req{background-color:var(--text-color);color:var(--secondary-color)}.requests .routes{background-color:var(--text-color);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;color:var(--primary-color);height:57rem}.requests .routes .route-headers{align-items:center;background-color:var(--primary-color);color:var(--text-color);display:flex;justify-content:space-around}.requests .routes .route-headers h1{align-content:center;align-self:center;cursor:pointer;font-size:1.2rem;height:5.3rem;padding:.25rem;text-align:center;width:100%}.requests .routes .route-headers .active-route{background-color:var(--text-color);color:var(--secondary-color)}}@media(min-width:576px){.requests{height:60rem;margin-top:2rem;width:95%}.requests .tabs h1{font-size:1.8rem;padding:.5rem;width:100%}.requests .routes{height:56.65rem}.requests .routes .route-headers h1{font-size:1.6rem;height:6rem}}@media(min-width:768px){.requests{height:63.3rem}.requests .routes{height:60rem}}@media(min-width:1200px){.requests{height:65rem}.requests .routes{height:61.7rem}}
/*# sourceMappingURL=main.07595f23.css.map*/