Vercel MCP

@import '../../config.scss'; .bold{ font-weight: bold; } .title{ font-family: $title-font; } .about{ display: flex; flex-direction: column; background-color: $color1; align-content: center; width: 100%; &__title{ display: flex; padding: 20px 0; max-width: 1200px; border-bottom: 2px solid #333; font-size: 1.5em; margin: 0 20px; } } .about__text{ display: flex; margin: auto; font-size: 1em; max-width: 800px; iframe{ margin: 20px; width: 50%; } @media (max-width: 700px) { flex-direction: column; iframe{ height: 350px; width: auto; } } @media (max-width: 460px) { iframe{ height: 200px; } } p{ display: flex; justify-content: center; align-items: center; text-align: left; width: 50%; @media(max-width: 700px){ width: 100%; } } } .about__content__title{ font-size: 36px; color: #333; margin: auto; @media (max-width: 460px) { font-size: 30px; } } .about__content__text{ padding: 20px 20px; font-size: 1.6em; color: #333; @media (max-width: 460px) { font-size: 1em; } } .about__links{ display: flex; margin-bottom: 20px; padding-left: 20px; font-size: 1.5em; text-decoration: none; } .link__more{ text-decoration: none; a{ color: #333; text-decoration: underline; transition: color .3s; &:hover{ color: orange; } } } .link__tutor{ padding-left: 10px; a{ text-decoration: none; color: whitesmoke; text-decoration: underline; &:hover{ color: orange; } } } .link{ text-decoration: none; }