/* =========================================
   HAS FRAMEWORK 1.0
   File : 07-quote.css
   Website : haldi.my.id
   Author : Haldi Ali Syukur
========================================= */


/* =========================================
   FILOSOFI WEBSITE
========================================= */

.quote{

    max-width:900px;

    margin:60px auto;

    padding:40px;

    background:linear-gradient(135deg,#f8fbff,#eef6ff);

    border-left:8px solid var(--primary);

    border-radius:20px;

    box-shadow:var(--shadow);

}


/* =========================================
   JUDUL
========================================= */

.quote h3{

    color:var(--primary);

    font-size:32px;

    text-align:center;

    margin-bottom:25px;

}


/* =========================================
   ISI QUOTE
========================================= */

.quote p{

    font-size:25px;

    line-height:1.9;

    text-align:center;

    font-style:italic;

    color:#555;

}


/* =========================================
   PENULIS
========================================= */

.quote-author{

    margin-top:25px;

    text-align:right;

    color:#888;

    font-size:18px;

    font-style:normal;

    font-weight:600;

}


/* =========================================
   HOVER
========================================= */

.quote{

    transition:.35s;

}

.quote:hover{

    transform:translateY(-5px);

    box-shadow:

        0 20px 40px rgba(21,101,192,.15);

}


/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

.quote{

    margin:35px 20px;

    padding:25px;

}

.quote h3{

    font-size:26px;

}

.quote p{

    font-size:20px;

    line-height:1.8;

}

.quote-author{

    font-size:16px;

}

}