:root{--clr-primary: #ffffff;--clr-secondary: #abb2bf;--clr-action: #abb2bf;--clr-action-hash: #c778dd;--clr-accent: #c778dd}*{margin:0;padding:0;color:var(--clr-primary);font-family:Fira Code,monospace;box-sizing:border-box}:before,:after{box-sizing:border-box}html,body{width:100%;background-color:#282c33;scroll-behavior:smooth}body,#root{max-width:3456px;margin:0 auto}a{text-decoration:none;word-spacing:-3px}p{line-height:1.8rem;word-spacing:-3px}h1,h2,h3,h4,h5,h6{word-spacing:-7px}button{cursor:pointer;word-spacing:-3px}li{list-style:none}span{color:unset}header{display:flex;flex-direction:column;width:inherit;min-height:100svh;align-items:center;justify-content:space-around;gap:1rem;padding-bottom:13rem;position:relative}header .first_child{display:grid;grid-template-columns:repeat(2,auto);width:80%;height:5rem;justify-content:space-between;align-items:center;gap:2rem;z-index:2;margin:2rem 10%;position:relative}.logo{font-size:2rem}.logo>span{color:var(--clr-action-hash)}header nav{grid-area:1 / 2 / 1 / 3;display:flex;width:40rem;height:4rem;background-color:#282c339f;border-radius:2rem;justify-content:center;align-items:center;gap:2rem;padding:0 2rem;position:fixed;justify-self:flex-end;right:10%}nav ul{display:flex;height:inherit;justify-content:center;align-items:center;gap:2rem}nav ul li{font-size:1rem}nav ul li a{color:var(--clr-action);padding:.5rem 1rem}nav ul li a>span{color:var(--clr-action-hash)}nav ul li a:hover{border-radius:100vh;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid #d9d9d933}nav ul li a[aria-current=true]{color:#fff;border-radius:100vh;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid var(--clr-accent)}nav .github{width:2rem;height:max-content}nav .github .fa-brands{width:inherit;height:inherit;color:var(--clr-action)}nav .github .fa-brands:hover{filter:brightness(0) saturate(100%) invert(54%) sepia(80%) saturate(1255%) hue-rotate(229deg) brightness(90%) contrast(85%)}.burger-menu{display:none}.hero{display:flex;width:80%;align-items:center;padding-bottom:4rem;gap:2rem}.hero .container{width:50%}.hero .container .intro{color:var(--clr-primary);font-size:3rem;font-weight:600;line-height:4rem;margin-bottom:2rem}.hero .container .intro .hand-wave{display:inline-block;animation:wave .5s .4s;margin-left:1rem}.hero .container .intro .hand-wave>svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.mdi--hand-wave{display:inline-block}@keyframes wave{10%,80%{transform:rotate(45deg)}50%,to{transform:rotate(0)}}.hero .container .intro .fe-span{color:var(--clr-accent)}.hero .container .bio{color:var(--clr-secondary);font-size:1.5rem;text-wrap:balance;margin-bottom:2rem}header .down_nav{display:flex;width:4rem;height:4rem;justify-content:center;align-items:center;border-radius:50%;transition:all .2s ease-out;border-bottom:4px solid #282c33}header .down_nav:hover,header .down_nav:focus{border-bottom:4px solid var(--clr-accent);outline:none}header .down_nav:hover .double-arrow-down,header .down_nav:focus .double-arrow-down{filter:brightness(0) saturate(100%) invert(54%) sepia(80%) saturate(1255%) hue-rotate(229deg) brightness(90%) contrast(85%)}.hero-image-container,.hero-img-div{display:flex;width:50%;align-items:center;justify-content:center}.hero-img-div{width:max-content}.hero-image-container{flex-direction:column;gap:1rem}.hero-image-container a{font-size:.9rem;text-align:center;color:var(--clr-action);padding:.5rem 1rem;border-radius:100vh;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid #d9d9d933;transition:all .2s ease-in}.hero-image-container a:hover{border-radius:100vh;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid var(--clr-accent)}.hero-image-container a svg{transform:rotate(45deg)}.hero-img-div .hero-image,.hero-img-div .blurhash-div{width:26rem;height:26rem;border-radius:50%;border-bottom:4px solid var(--clr-accent)}.hero-img-div .blurhash-div{overflow:hidden}main{display:flex;flex-direction:column;width:100%;justify-content:center}main .projects_section{display:flex;flex-direction:column;width:80%;min-height:100svh;margin:0 10%;padding-top:5rem;padding-bottom:3.5rem;align-items:center;position:relative}.projects_section h2{font-size:2rem;color:var(--clr-primary);align-self:flex-start;border-bottom:2px solid #abb2bf;width:100%}.projects_div{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:2rem;margin:5rem 0;justify-content:center;align-items:center}.project{display:block;width:100%;height:18rem;border-radius:1.5rem;border-bottom:2px solid #abb2bf;position:relative}.project:hover,.project:focus{border-bottom:2px solid var(--clr-accent)}.project .overlay{display:flex;width:50%;height:100%;position:absolute;background-color:#040a07d1;top:0;right:0;border-radius:0 1.5rem 1.5rem 0;justify-content:center;align-items:center;pointer-events:none}.project .overlay .project_hint{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;justify-content:center;align-items:center;gap:.5rem;padding:1rem}.project_hint h3{color:var(--clr-primary);font-size:1.5rem;text-align:center}.project_hint p{color:var(--clr-primary);font-size:.9rem;text-align:center;line-height:1.3rem;text-wrap:balance}.read-more-btn,.read-less-btn,.details-ftr-link{color:var(--clr-action);padding:.5rem 1rem;pointer-events:initial;border:none;width:max-content;border-bottom:1.5px solid #d9d9d933;border-radius:100vh;transition:all .2s ease-out;background-color:unset}.read-more-btn:hover,.read-less-btn:hover,.details-ftr-link:hover{border-bottom:1.5px solid var(--clr-accent)}.read-less-btn{position:absolute;top:10px;right:10px;background:none;font-size:20px;cursor:pointer;z-index:1}.more-project-details-container{background-color:#040a0793;height:100dvh;width:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1}.more-project-details,.more-about-certificate{background-color:#040a07;width:30rem;height:30rem;border:0;border-top:1.5px solid var(--clr-accent);border-bottom:1.5px solid var(--clr-accent);border-radius:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:initial;padding:4rem 1rem 3.5rem;overflow:hidden;transition:all .2s ease-out;z-index:1000}.more-project-details::backdrop,.more-about-certificate::backdrop{background-color:#040a0793;opacity:.75}.more-project-details h3,.more-about-certificate h3{position:absolute;top:1rem;text-align:center;width:calc(100% - 2rem)}.more-project-details p,.more-about-certificate p{text-align:start;text-wrap:unset}.more-project-details h5,.more-about-certificate h5{text-decoration:underline;-webkit-text-decoration-color:var(--clr-accent);text-decoration-color:var(--clr-accent);margin-bottom:.4rem}.more-project-details .more-details-ftr,.more-about-certificate .more-details-ftr{display:flex;gap:.3rem;width:calc(100% - 2rem);justify-content:space-evenly;align-items:center;position:absolute;bottom:.7rem;border-top:1.5px solid #d9d9d933}.more-project-details .more-details-ftr a,.more-about-certificate .more-details-ftr a{width:max-content}.more-project-details .other-screenshots-flex{display:flex;height:8rem;width:100%;flex-wrap:wrap;justify-content:center;align-items:center}.more-project-details .other-screenshots-flex img{width:50%}.details-wrapper{overflow-y:scroll;display:flex;flex-direction:column;gap:.5rem;height:100%;width:100%;scrollbar-color:var(--clr-accent)}.details-wrapper::-webkit-scrollbar{width:5px}.details-wrapper::-webkit-scrollbar-thumb{background:var(--clr-accent);border-radius:.5rem}.more-about-certificate h3{width:90%}.more-about-certificate .details-wrapper{margin-top:.3rem}.more-about-certificate .details-wrapper img{width:calc(100% - 3px);border:none;border-radius:.5rem;margin-right:3px}.more-about-certificate .details-wrapper img:hover{border-bottom:none;transform:unset}.more-about-certificate .details-wrapper p{font-size:1rem;width:calc(100% - 3px);text-wrap:pretty}.details-wrapper li{margin-left:.4rem;position:relative;font-size:.9rem;text-wrap:pretty}.details-wrapper li:before{content:"";height:5px;width:5px;background-color:var(--clr-accent);position:absolute;left:-.4rem;top:.4rem;border-radius:50%}.project .github-link{background-color:#040a07;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;right:0rem;bottom:0rem;pointer-events:initial;z-index:1}.project .github-link:hover{background-color:var(--clr-accent)}.project .github-link .github-icon{color:var(--clr-primary);border-radius:50%}.project_link{display:block;width:100%;height:100%;position:relative;border-radius:1.5rem;overflow:hidden}@supports (overflow: clip){.project_link{overflow:clip}}.project_link div{width:100%;height:100%;pointer-events:none}.project_link img,.project_link .project-blurhash{width:50%;height:100%}.project_link .project-blurhash{pointer-events:none;overflow:hidden}.project .project_stacks{display:flex;width:max-content;position:absolute;bottom:1rem;left:1rem;gap:.5rem;background-color:#040a0748;padding:0 .8rem;border-radius:1rem;justify-content:center;align-items:center;z-index:1;pointer-events:none}.project_stacks img{width:1rem;height:1rem}.project_stacks p{font-size:1rem;color:var(--clr-primary);text-shadow:.5px .5px #040a07}.view-more{color:var(--clr-action);border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid #abb2bf;border-radius:100vh;padding:.5rem 1.5rem;font-size:1rem;background-color:#040a07;transition:all .3s;text-align:center}.view-more:hover{color:var(--clr-accent);border-bottom:1.5px solid var(--clr-accent);transform:translate(.3rem,-.3rem)}.view-more:hover i{color:var(--clr-accent)}.about_section{display:block;width:80%;min-height:100svh;margin:0 10%;padding-bottom:2rem}.contact_section{display:block;width:80%;min-height:calc(100svh - 10rem);margin:0 10%}.about_section h2,.contact_section h2{font-size:2rem;color:var(--clr-primary);border-bottom:2px solid #abb2bf;width:100%;margin:5rem 0}.about_section p,.contact_section p{font-size:1.2rem;color:var(--clr-primary);width:80%;margin-bottom:2rem;text-wrap:balance}.about_section h4,.contact_section h4{font-size:1.4rem;color:var(--clr-primary);margin-bottom:1rem;text-decoration:underline;-webkit-text-decoration-color:var(--clr-accent);text-decoration-color:var(--clr-accent)}.about_section .italic{font-style:italic;width:70%}.resume,.quick-contact-btn{display:flex;align-items:center;gap:1rem;width:max-content;height:3rem;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid #abb2bf;border-radius:100vh;padding:.5rem 1.5rem;margin-bottom:2rem;font-size:1.2rem;background-color:#040a07;transition:all .3s}.resume:hover,.quick-contact-btn:hover{color:var(--clr-accent);border-bottom:1.5px solid var(--clr-accent);transform:translate(.3rem,-.3rem)}.resume:hover .file-icon,.quick-contact-btn:hover .file-icon{filter:brightness(0) saturate(100%) invert(54%) sepia(80%) saturate(1255%) hue-rotate(229deg) brightness(90%) contrast(85%)}.quick-contact-btn{margin-bottom:0;font-size:1rem}.resume-dark-bg{background-color:#040a07}.remove-margin{margin:unset}.about_section .certificates-container{display:block;width:100%;margin-bottom:1rem}.tool-logo{width:1rem;height:1rem}.tool-p{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.tool-p span{display:flex;align-items:center}.tool-p span:after{content:","}.tool-p span:last-child:after{content:"."}.tool-p img{margin-left:.3rem}.certificates-container .certificates{display:flex;gap:1.3rem;margin-bottom:1.8rem;flex-wrap:wrap}.certificates .certificate{display:flex;flex-direction:column}.certificate img{width:20rem;height:12rem;border-radius:1.5rem;margin-top:.5rem;border-top:none;border-left:none;border-right:none;border-bottom:2px solid #abb2bf;font-size:1.2rem;background-color:#040a07;transition:all .3s}.certificate img:hover{color:var(--clr-accent);border-bottom:2px solid var(--clr-accent);transform:translate(.3rem,-.3rem)}.contact_section .contact_medium{display:flex;gap:3rem;margin-top:3rem;margin-bottom:4rem;flex-wrap:wrap}.contact_section .contact_medium,.contact_section .contact-form-div{margin-bottom:3rem}.contact_medium a{display:inherit;align-items:center;gap:1rem;padding:.5rem 0;flex-shrink:0;font-size:1rem}.contact_medium a:hover{color:var(--clr-accent)}.contact_medium a:hover .contact-icon{filter:brightness(0) saturate(100%) invert(54%) sepia(80%) saturate(1255%) hue-rotate(229deg) brightness(90%) contrast(85%)}.contact-form-div{display:block;width:100%;margin-bottom:4rem}.contact-form-div form{display:flex;flex-direction:column;width:max-content;gap:2rem;align-items:center}.contact-form-div form .textarea-email-container{display:flex;width:100%;gap:2rem;align-items:center}.contact-form-div form textarea{width:22rem;min-height:10rem;border-radius:2rem;padding:1rem;color:var(--clr-primary);background-color:#282c33;border:2px solid #abb2bf;outline:none;font-size:1rem;word-spacing:-3px}.contact-form-div form textarea:hover,.contact-form-div form textarea:focus{border:2px solid var(--clr-accent)}.contact-form-div form textarea::placeholder{color:var(--clr-primary)}.contact-form-div form input{min-width:17rem;height:3rem;outline:none;color:var(--clr-primary);background-color:#282c33;padding:1rem;border-radius:2rem;border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid #abb2bf;font-size:1rem;margin-bottom:1.5rem;word-spacing:-3px}.contact-form-div form input::placeholder{color:var(--clr-primary);text-align:center}.contact-form-div form input:hover,.contact-form-div form input:focus{border-top:none;border-left:none;border-right:none;border-bottom:1.5px solid var(--clr-accent)}.contact-form-div form .message-subject{margin-bottom:0;width:100%}.contact-form-div form div button{min-width:17rem;height:3rem;outline:none;color:var(--clr-primary);background-color:#282c33;border-radius:2rem;font-size:1.3rem;border:2px solid #abb2bf;transition:all .3s ease-out}.contact-form-div form div button:hover,.contact-form-div form div button:focus{background-color:var(--clr-accent);border:2px solid var(--clr-accent)}.hire-links-container{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}footer{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:10rem;padding:2rem 10%;align-items:center;position:fixed;bottom:0;background-color:#282c33;border-top:2px solid #abb2bf;z-index:1;gap:1rem}@keyframes ftr-animation-up-scl{0%{transform:translateY(4rem)}to{transform:translateY(0)}}footer p{color:var(--clr-primary);font-size:1rem;text-align:center;white-space:pre}footer p:first-child{justify-self:flex-start}footer p:last-child{justify-self:flex-end}footer .socials{display:flex;gap:2rem;justify-self:center}footer a:hover{color:var(--clr-accent)}footer a:hover .contact-icon{filter:brightness(0) saturate(100%) invert(54%) sepia(80%) saturate(1255%) hue-rotate(229deg) brightness(90%) contrast(85%)}@media screen and (max-width: 1024px){header{padding-bottom:3rem;justify-content:space-between}header .first_child{display:flex;height:4rem}.logo{font-size:1.6rem}.primary_nav{flex-direction:column;position:absolute;width:10rem;height:max-content;padding:3rem 0;position:fixed;background-color:#040a07db;top:6rem;border-radius:1.5rem 0;gap:2.5rem;transform:translate(12rem);visibility:hidden;opacity:0;right:10%}.primary_nav ul{flex-direction:column}nav .github{height:2rem}.show-primary-nav{display:flex;animation:show-navLinks .7s forwards}.remove-primary-nav{animation:remove-navLinks .7s forwards}@keyframes show-navLinks{0%{transform:translate(12rem);visibility:hidden;opacity:0}to{transform:translate(0);visibility:visible;opacity:1}}@keyframes remove-navLinks{0%{transform:translate(0);visibility:visible;opacity:1}to{transform:translate(12rem);visibility:hidden;opacity:0}}.burger-menu{display:flex;flex-direction:column;background-color:unset;border:none;gap:.4rem;width:3rem;height:2rem;z-index:3;position:fixed;align-items:center;justify-content:center;right:10%}.burger-menu .line2,.burger-menu .line1,.burger-menu .line3{display:block;width:48px;height:5px;background-color:var(--clr-accent);border-radius:10px;transition:all .7s ease-out;align-self:center}.new-line-bg{background-color:#fff!important;box-shadow:.5px .5px 4px #040a07a2}.line1-animation{animation-name:expnd-bugger-line1,cls-bugger-line1;animation-delay:0ms,.2s;animation-duration:.2s;animation-fill-mode:forwards}.line1-animation-reverse{animation-name:expnd-bugger-line1r;animation-delay:0ms,.2s;animation-duration:.2s;animation-fill-mode:forwards}.line2-animation{animation-name:expnd-bugger-line2;animation-delay:0ms;animation-duration:.2s;animation-fill-mode:forwards}.line2-animation-reverse{animation-name:expnd-bugger-line2r;animation-delay:0ms;animation-duration:.2s;animation-fill-mode:forwards}.line3-animation{animation-name:expnd-bugger-line3,cls-bugger-line3;animation-delay:0ms,.2s;animation-duration:.2s;animation-fill-mode:forwards}.line3-animation-reverse{animation-name:expnd-bugger-line3r;animation-delay:0ms;animation-duration:.2s;animation-fill-mode:forwards}.line1-animation-i{transform:rotate(45deg) translateY(.6rem)}.line1-animation-reverse-i,.line3-animation-reverse-i{transform:unset}.line2-animation-i{display:none!important}.line3-animation-i{transform:rotate(-45deg) translateY(-.6rem)}@keyframes expnd-bugger-line1{0%{transform:translate(0);visibility:visible}to{transform:translate(-2rem)}}@keyframes expnd-bugger-line1r{0%{transform:translate(-2rem)}to{transform:translate(0);visibility:visible}}@keyframes expnd-bugger-line2{0%{transform:translate(0);visibility:visible}to{display:none;visibility:hidden}}@keyframes expnd-bugger-line2r{0%{visibility:hidden}to{transform:translate(0);visibility:visible}}@keyframes expnd-bugger-line3{0%{transform:translate(0);visibility:visible}to{transform:translate(2rem)}}@keyframes expnd-bugger-line3r{0%{transform:translate(2rem)}to{transform:translate(0);visibility:visible}}@keyframes cls-bugger-line1{0%{transform:translate(-3rem,-3rem) rotate(45deg);opacity:0}to{transform:rotate(45deg);position:relative;top:.4rem;opacity:1}}@keyframes cls-bugger-line3{0%{transform:translate(3rem,-3rem) rotate(-45deg);opacity:0}to{transform:rotate(-45deg);position:relative;bottom:.29rem;opacity:1}}.hero .container{width:70%}.hero .container .intro{font-size:2rem;line-height:3rem}.hero .container .bio{font-size:1.3rem}.hero-image-container a{font-size:.8rem}.hero-img-div .hero-image,.hero-img-div .blurhash-div{width:18rem;height:18rem}.projects_div{display:grid;grid-template-columns:1fr}.project_hint h3{font-size:1.3rem}.project_hint p{line-height:unset}.about_section .italic{width:100%}.about_section{display:block}.contact-form-div form{width:100%}.contact-form-div form .textarea-email-container{width:100%;justify-content:space-between;align-items:center}.contact-form-div form textarea,.contact-form-div form div{width:100%}.contact-form-div form div input,.contact-form-div form div button{min-width:100%}footer{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);position:relative!important}footer p:first-child{grid-area:1 / 1 / 1 / 3;justify-self:center}footer p:last-child{grid-area:2 / 2 / 2 / 3;justify-self:flex-end}footer .socials{display:flex;gap:2rem;grid-area:2 / 1 / 2 / 2;justify-self:flex-start}}@media screen and (max-width: 860px){.hero{display:flex;flex-direction:column;width:80%;align-items:center;padding-bottom:2rem}.hero .container{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.hero .container .intro{text-wrap:balance;text-align:center;width:100%}.hero .container .bio{text-align:center;margin-bottom:2rem;width:80%}.hero-image-container{width:100%;gap:.8rem}main .about_section p,main .contact_section p{width:100%}}@media screen and (max-width: 600px){header .first_child{width:85%;margin:2rem 7.5%}.burger-menu,.primary_nav{right:7.5%}.hero{width:85%}.hero .container .intro{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;line-height:2.3rem;margin-bottom:1rem}.hero .container .intro .name-break{display:inline-block}.hero .container .bio{font-size:1rem;line-height:unset;width:100%}main .projects_section{padding:3.5rem 0;width:85%;margin:0 7.5%}main .projects_section h2{font-size:1.5rem}main .about_section h2,main .contact_section h2{font-size:1.5rem;margin:3.5rem 0}main .about_section,main .contact_section{width:85%;margin:0 7.5%}.projects_div{margin:3.5rem 0}.project{display:flex;flex-direction:column;width:100%;height:20rem}.project .overlay{width:100%;height:50%;top:50%;border-radius:0 0 1.5rem 1.5rem}.project .overlay .project_hint{display:flex;width:100%}.project_hint h3{font-size:1.3rem}.project_hint p{font-size:.8rem;line-height:1.2rem;word-spacing:-3px}.project_link img,.project_link .project-blurhash{width:100%;height:50%}.project .project_stacks{height:max-content;top:calc(50% - 3rem);left:1rem;bottom:unset}.project .project_stacks p,.projects_section .view-more{font-size:.8rem}.about_section h2,.contact_section h2{margin:5rem 0}.about_section p,.contact_section p{font-size:1rem;margin-bottom:1.5rem;line-height:1.5rem;text-wrap:balance}.about_section{flex-wrap:wrap;justify-content:center;gap:2rem}footer{padding:2rem 7.5%}.contact-form-div form,.contact-form-div form .textarea-email-container{align-items:center;justify-content:space-between;flex-direction:column}.contact-form-div form textarea,.contact-form-div form div{width:100%!important}.contact-form-div form div input,.contact-form-div form div button{min-width:100%}.hire-links-container{justify-content:center}footer{height:12rem;position:relative!important}footer p{font-size:.8rem;text-align:center;white-space:unset}footer .socials{display:flex;gap:1rem;justify-self:unset}}@media screen and (max-width: 555px){.project{height:24rem}.more-project-details,.more-about-certificate{width:25rem}.contact_section .contact_medium{gap:1rem}}@media screen and (max-width: 420px){.project{height:24rem}.more-project-details,.more-about-certificate{width:20rem}}@media screen and (max-width: 375px){.certificates img{width:18rem}.project_hint h3{font-size:1.2rem}.project_hint p{line-height:unset;text-wrap:pretty}}@media screen and (max-width: 330px){.hero .container .intro{font-size:1.3rem}.hero .container .bio{font-size:.9rem}.more-project-details,.more-about-certificate{width:18rem}}@media screen and (min-width: 1024.5px) and (max-width: 1420px){header nav{width:36rem;right:7.5%}header .first_child{width:85%;margin:2rem 7.5%}.hero{width:85%}.hero .container{width:60%}.hero .container .intro{font-size:2rem;line-height:3rem}.hero .container .bio{font-size:1.3rem}main .projects_section{padding:3.5rem 0;width:85%;margin:0 7.5%}main .about_section,main .contact_section{width:85%;margin:0 7.5%}footer{padding:2rem 7.5%}}@media screen and (min-width: 1024px) and (max-width: 1800px){.hero .container .intro{font-size:2rem;line-height:3rem}.hero .container .bio{font-size:1.3rem}}