:root{--Red:hsl(0, 78%, 62%);--Cyan:hsl(180, 62%, 55%);--Orange:hsl(34, 97%, 64%);--Blue:hsl(212, 86%, 64%);--Very-Dark-Blue:hsl(234, 12%, 34%);--Grayish-Blue:hsl(229, 6%, 66%);--Very-Light-Gray:hsl(0, 0%, 98%)}.feature{position:relative;padding:2em;border-radius:.75em;box-shadow:5px 5px 20px rgba(0 0 0/.15);text-align:left;transition:transform .2s ease-in}.feature:hover{transform:scale(1.03)}.feature__desc{margin-top:.5em;color:var(--Grayish-Blue)}h5{font-size:18px!important}.section__title{margin:50px auto;max-width:90%;font-size:24px!important;font-weight:300;line-height:1.5em;text-align:center;color:red}.section__title span{font-weight:700}.section__desc{max-width:32ch;margin:1rem auto 3rem;color:var(--Grayish-Blue);font-size:1rem;text-align:center}.feature-one{border-top:5px solid var(--Cyan)}.feature-two{border-top:5px solid var(--Red)}.feature-three{border-top:5px solid var(--Orange)}.feature-four{border-top:5px solid var(--Blue)}.feature .btn-primary:hover{color:var(--Cyan)!important}.attribution{color:var(--Very-Dark-Blue);opacity:.7}.attribution a{color:var(--Blue);text-decoration:underline}.attribution a:hover{color:var(--Cyan)}@media (min-width:1000px){.section__title{margin:50px auto;max-width:40%;font-size:2rem}.section__desc{max-width:55ch;margin:1rem auto}.feature-four,.feature-one{margin:auto 0}}@media (max-width:768px){.feature{position:relative;padding:2em;border-radius:.75em;box-shadow:5px 5px 20px rgba(0 0 0/.15);text-align:left;transition:transform .2s ease-in;margin:20px}.modal{z-index:9999}}.modal i{color:red}.modal{z-index:9999}