.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%}}.blog-container.color-div{height:500px}.post-container{background-color:#fff;height:auto;margin-bottom:3rem;top:6rem;max-width:1200px;border-radius:10px;padding:3rem;box-shadow:0 10px 30px hsla(0,0%,83%,.5);z-index:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.post-date{margin-bottom:2rem;font-size:12px}.blog-login-container{margin-top:10rem}.blog-login-container,.blog-login-hover{display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-login-hover{background-color:#fff;height:auto;margin-bottom:3rem;top:6rem;width:1200px;border-radius:10px;padding:3rem;box-shadow:0 10px 30px hsla(0,0%,83%,.5);z-index:0;flex-wrap:wrap}.blog-login-container form{display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-login-hover form input{border:1px solid grey}.form-div{padding:5rem;height:auto}.form-div,.form-div form{display:flex;justify-content:center;align-items:center;flex-direction:column}.form-div form{width:500px}.form-div form *{width:100%}.admin-content-container{margin-top:10rem;justify-content:center;align-items:center}.admin-content-container,.admin-post-form{display:flex;flex-direction:column}.admin-post-form input,.admin-post-form textarea{border:2px solid #d3d3d3}.post-content-container{margin-top:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.post-content{white-space:pre-wrap}.post-container *{width:100%}.comment-container{background-color:#fff;height:auto;margin-bottom:3rem;top:6rem;width:100%;border-radius:10px;padding:3rem;box-shadow:0 10px 30px hsla(0,0%,83%,.5);z-index:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.comment-header{margin:2rem 0}.comment-date{font-size:12px;margin-bottom:2rem}.post-info-container button{width:100px}.post-info-container input{border:2px solid #d3d3d3}#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%)}.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}@media (max-wdith:800px)