.under-hero{padding:10rem 4rem 4rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.about-bars-section{display:flex;justify-content:space-around;align-items:center;width:1200px;flex-wrap:wrap}.about-bars-section>div{flex-grow:1;flex-basis:0;min-width:300px}.about-desc-header h3{font-size:36px}.about-desc-content{margin-top:2rem;max-width:80%}.about-bar-container{margin-top:1rem;margin-bottom:1rem}.about-bar-container h4{font-weight:300}.about-bar-outer{width:100%;height:1.5rem;border:1px solid #d3d3d3;border-radius:10px;display:flex;justify-content:left;align-items:center;padding:5px;margin-top:1rem}.about-bar-inner{width:0;height:100%;background-image:linear-gradient(90deg,#735cf7,#61ddff);border-radius:10px}.bar-load#html{animation-name:load-bar-html;animation-fill-mode:forwards}.bar-load#html,.bar-load#javascript{animation-delay:.5s;animation-duration:1s}.bar-load#javascript{animation-name:load-bar-javascript;animation-fill-mode:forwards}.bar-load#css{animation-name:load-bar-css;animation-fill-mode:forwards}.bar-load#css,.bar-load#react{animation-delay:.5s;animation-duration:1s}.bar-load#react{animation-name:load-bar-react;animation-fill-mode:forwards}@keyframes load-bar-html{0%{width:0}to{width:85%}}@keyframes load-bar-javascript{0%{width:0}to{width:80%}}@keyframes load-bar-css{0%{width:0}to{width:75%}}@keyframes load-bar-react{0%{width:0}to{width:75%}}.under-exp{padding:4rem;justify-content:center;height:50rem}.exp-section,.under-exp{display:flex;flex-direction:column;align-items:center}.exp-section{max-width:800px;height:100%;justify-content:flex-start}.exp-button-section{width:min-content;display:flex;justify-content:center;align-items:center}.exp-button{margin:1rem;border-radius:5px;padding:1rem;border:1px solid hsla(0,0%,50%,.25);background-color:hsla(0,0%,100%,.25);font-weight:700}.selected{background-color:#fff}.edu-flex,.exp-flex{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem}.edu-flex *,.exp-flex *{color:#fff}.exp-item{justify-content:space-around;height:10rem;flex-wrap:wrap}.exp-item,.exp-item-date{display:flex;align-items:center}.exp-item-date{width:300px;justify-content:center}.exp-item-date h4{font-weight:400}.exp-item-desc{width:300px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-left:4px solid hsla(0,0%,100%,.5);padding-left:3rem}.exp-item-org{font-size:24px;margin-bottom:1rem}.hero-color-div{display:flex;justify-content:center}.hero-div{background-color:#fff;position:relative;top:6rem;width:1200px;padding:5rem;box-shadow:0 30px 30px hsla(0,0%,83%,.5);z-index:0;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.hero-div,.hero-image img{height:auto;border-radius:10px}.hero-image img{width:100%;max-width:400px}.hero-desc-greeting{font-size:16px;font-weight:300;letter-spacing:.1rem}.hero-desc-name{font-size:48px;font-weight:700}.hero-desc-title{font-size:16px;font-weight:400}.hero-desc-desc{margin-top:4rem;font-size:16px;font-weight:300;max-width:400px;color:gray}.hero-icons{margin-top:2rem}.hero-icon-line{display:flex;justify-content:flex-start;align-items:center}.hero-icons img{filter:invert(37%) sepia(79%) saturate(3618%) hue-rotate(235deg) brightness(100%) contrast(93%);height:1.5rem;margin-right:1rem}.hero-buttons{margin-top:4rem}.hero-button{border-radius:5px;padding:1rem;background-color:#d3d3d3}.hero-button:hover{background-image:linear-gradient(90deg,#735cf7,#61ddff)}.hero-button img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(322deg) brightness(106%) contrast(102%);height:1rem}#contact-link{text-decoration:none;color:#d3d3d3}.footer-div-black{background-color:#000;display:flex;justify-content:center;align-items:center;padding-bottom:4rem}.footer-container{display:flex;justify-content:space-evenly;align-items:flex-start;width:1000px;flex-wrap:wrap}.footer-container>div{margin:4rem 2rem 0}.footer-container h4{margin-bottom:2rem;color:#fff}.footer-container p{color:#d3d3d3;font-weight:200;font-size:14px}.footer-about{max-width:400px}.footer-contact{max-width:200px}.footer-social{max-width:150px}.footer-social-desc img{width:1rem;filter:invert(61%) sepia(0) saturate(5%) hue-rotate(149deg) brightness(89%) contrast(86%);transition-property:filter;transition-duration:1s;transition-timing-function:ease-out;margin-top:1rem}.footer-social-desc img:hover{filter:invert(38%) sepia(99%) saturate(3289%) hue-rotate(234deg) brightness(100%) contrast(94%)}.projects-div{background-color:#fff;padding:4rem}.projects-container{justify-content:flex-start;height:100%}.projects-container,.projects-header h3{display:flex;flex-direction:column;align-items:center}.projects-header h3{font-size:32px;justify-content:center}.projects-header h4{margin-top:2rem;font-weight:400}.grey-overlay{position:fixed;top:0;left:0;background-color:hsla(0,0%,83%,.5);height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay-close-button{position:fixed;top:6rem;right:3rem;height:2rem;width:6rem;background-color:grey;border-radius:5px}.project-cards{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.project-card{margin:2rem}.project-card>img{box-shadow:none;transition:.3s;width:100%;max-width:400px;height:auto;border-radius:10px}.grey-overlay>img{max-height:80%}.project-card img:hover{box-shadow:0 0 20px #d3d3d3}.specialty-div{background-color:#f7f7f7;padding:4rem}.specialty-div,.specialty-header{display:flex;justify-content:center;align-items:center}.specialty-header{flex-direction:column}.specialty-header-title h3{font-size:32px}.specialty-header-desc{margin-top:2rem}.specialty-section{height:100%;width:1200px;flex-direction:column}.specialty-cards,.specialty-section{display:flex;justify-content:space-evenly;align-items:center}.specialty-cards{width:100%;flex-wrap:wrap}.specialty-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;border-radius:10px;height:20rem;width:20rem;padding:5rem 3rem 3rem;margin-top:2rem}.specialty-card-desc{margin-top:2rem}@keyframes hover-over{to{box-shadow:0 0 20px #d3d3d3}}@keyframes hover-off{0%{box-shadow:0 0 20px #d3d3d3}}