*, ::after, ::before{
        padding:0;
        margin: 0;
        border: none;
        box-sizing: border-box;
        list-style-type: none;
    }
    html{
        font-size: 62.5%;
    }
    body{
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size: 1.3em;
    }
:root {
    --font-SubTitle: 1.4em;
    --font-weight500: 500;
    --font-weight600: 600;
    --moderate-violet: hsl(263, 55%, 52%);
    --veryDark-grayishBlue: hsl(217, 19%, 35%);
    --veryDark-blackishBlue: hsl(219, 29%, 14%);
    --white: hsl(0, 0%, 100%);
    /* Neutral */
    --lightGray: hsl(0, 0%, 81%);
    --lightGrayish-blue: hsl(210, 46%, 95%);
    }
    /* container-principal */
    .container{
        min-width: 375px;
        max-width:767px ;
        background-color: var(--lightGrayish-blue);
        margin: 0 auto;
        padding: 3.5%;
        color:var(--veryDark-grayishBlue);
    }
    /* testimonial */
    .container >article.testimonial{
        border-radius: 8px;
        display: block;
        margin-bottom: 3.5%;
        padding: 7%;
        box-shadow: 0px 15px 50px rgba(0,0,0, 0.1);
    }
    article.testimonial:first-child{
        background-color: var(--moderate-violet);
        color: var(--white);
    }
    article.testimonial:nth-child(2){
        /* border:#eb008a solid 2px; */
        background-color: var(--veryDark-grayishBlue);
        color: var(--white);
    }
    article.testimonial:nth-child(4){
        background-color: var(--veryDark-blackishBlue);
        color: var(--white);
    }
    /* student */
    .student{
        display: grid;
        grid-template: 1fr/ 48px auto;
        grid-gap: 7%;
        margin-bottom: 2.5%;
    }
    .student img{
        border-radius: 50%;
    }
    .student ul{
        border-right: 50%;
        margin: auto 0;
    }
    .student ul li:first-child:not(4){
        color:hsl(219, 29%, 14%, 1);
    }
    .intro{
        /* border: #eb008a solid 2px; */
        margin-bottom: 2.5%;
        font-size: var(--font-SubTitle);
        font-weight: var(--font-weight600);
    }
    .text{
        /* border: #eb008a solid 2px; */
        margin-bottom: 2.5%;
        line-height: 1.5em;
    }
   /* footer */
   .attribution { font-size: 11px; text-align: center; }
   .attribution a { color: hsl(325, 100%, 46%); }

   /* mediaqueries */
    @media screen and (min-width: 768px) and (max-width: 1040px){ 
        .container{
            /* border:#eb008a solid 1.5px; */
            max-width: 1040px;
            max-height: 100vh;
            display: grid;
            grid-template: repeat(2, 30%)/2fr 1fr 1fr;
            grid-gap:2.5%
        }
        .testimonial:first-child{
            grid-area: 1/1/2/2;
        }
        .testimonial:nth-child(2){
            grid-area: 1/2/2/3;
        }
        .testimonial:nth-child(3){
            grid-area:2/2/3/3;
        }
        .testimonial:nth-child(4){
            grid-area:2/1/3/2;
        }
        .testimonial:nth-child(5){
            
            grid-area:1/3/3/4;
        }

    }