#microAnalyzerPage{& .project-description{margin-bottom:0}& .links{display:flex;gap:1.5rem;margin-bottom:3rem}& #analyzer-steps{display:flex;font-family:Lato,sans-serif;line-height:1.5em;font-weight:200;margin-top:4rem;& .box{display:flex;flex-direction:column;width:30vw;gap:1rem;border-right:2px;border-left:0;border-style:solid;border-image:linear-gradient(180deg,#181818,#eee,#181818) 1 100%;padding:3rem 2rem 3rem 1rem;& .step-title{font-size:1.3em;text-transform:uppercase;letter-spacing:4px;font-weight:200;line-height:1em;color:#f2f2f2}& .step-count{font-style:italic;color:#9f9f9f;letter-spacing:1px;font-family:Lora,serif}}.box:last-child{border-right:0}}}@media (max-width:800px){#microAnalyzerPage{& .project-description{width:80%}& #analyzer-steps{& .box{padding-left:.5rem;padding-right:.5rem;& .step-title{font-size:1em}}}}}@media (max-width:700px){#microAnalyzerPage{& .title{& .title__heading{font-size:2.5rem}}& #analyzer-steps{flex-wrap:wrap;justify-content:center;& .box{width:35vw}& .box:first-of-type{padding-right:2rem}& .box:nth-of-type(2){border-right:0;margin-left:2rem}& .box:nth-of-type(3){width:60vw}}}}@media (max-width:500px){#microAnalyzerPage{& .title{& .title__heading{font-size:1.7rem}& .title__heading:after,.title__heading:before{width:1.5rem}& .title__heading:after{margin-left:1rem}& .title__heading:before{margin-right:1rem}}& .project-description{width:90%;& .description-heading{font-size:2rem;margin-top:0}}& #analyzer-steps{flex-direction:column;& .box{width:90vw;margin-left:1rem}& .box:first-of-type{padding-right:0}& .box:first-of-type,& .box:nth-of-type(2){border-left:2px;border-right:0;border-style:solid;border-image:linear-gradient(180deg,#181818,#eee,#181818) 1 100%}& .box:nth-of-type(2){margin-left:1rem}& .box:nth-of-type(3){width:90vw;border-left:2px;border-style:solid;border-image:linear-gradient(180deg,#181818,#eee,#181818) 1 100%}}}}