@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusans_bold_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusans_boldoblique_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusans_extralight_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusans_oblique_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusans_regular_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusanscondensed_bold_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusanscondensed_boldoblique_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusanscondensed_oblique_macroman/stylesheet.css);
@import url(./assets/fonts/dejavu-sans-fontfacekit/web_fonts/dejavusanscondensed_regular_macroman/stylesheet.css);

@import url(./assets/fonts/pt-sans-fontfacekit/web_fonts/ptsans_bold_macroman/stylesheet.css);
@import url(./assets/fonts/pt-sans-fontfacekit/web_fonts/ptsans_regular_macroman/stylesheet.css);

@import url(./assets/css/header.css);
@import url(./assets/css/footer.css);

@font-face {
    font-family: 'Inter';
    src: url('./assets/fonts/Inter-V.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

main {
    margin-bottom: 50px;
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}
article {
    h2 {
        font-size: 2rem;
        font-family: 'Inter', Arial, Helvetica, sans-serif;
        margin: 30px auto;
        text-align: center;
        max-width: 300px;
    }
    ul {
        list-style: none;
        list-style-type: none;
        display: block;
        margin: 0 auto;
        width: 300px;
        position: relative;
        li {
            padding: 15px;
            font-family: 'Inter', Arial, Helvetica, sans-serif;
            width: 100%;
            display: flex;
            text-align: center;
            flex-direction: column;
            justify-content: center;
            .atext {
                display: block;
                font-size: 1.5rem;
                padding-bottom: 25px;
            }
            .aimg {
                display: block;
                margin: 0 auto;
                figure {
                    img {
                        width: 220px;
                        height: auto;
                        margin: 0 auto;
                    }
                    background-color: black;
                    padding: 25px 15px;
                    width: 250px;
                    height: auto;
                    display: block;
                    border-radius: 15px;

                }
            }
        }
    }
}