/* ==========================================
   LOOK LOUNGE
   GLOBAL STYLES
========================================== */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

/* Variables */
@import url("variables.css");

/* ==========================
   Reset
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:var(--font-body);

    background:var(--bg);

    color:var(--text);

    overflow-x:hidden;

    line-height:1.6;

}

/* ==========================
   Images
========================== */

img{

    max-width:100%;

    display:block;

}

/* ==========================
   Links
========================== */

a{

    text-decoration:none;

    color:inherit;

}

/* ==========================
   Lists
========================== */

ul{

    list-style:none;

}

/* ==========================
   Buttons
========================== */

button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:inherit;

}

/* ==========================
   Inputs
========================== */

input,
textarea,
select{

    font-family:inherit;

    outline:none;

}

/* ==========================
   Container
========================== */

.container{

    width:90%;

    max-width:1400px;

    margin:auto;

}

/* ==========================
   Sections
========================== */

section{

    padding:100px 0;

}

/* ==========================
   Headings
========================== */

h1,
h2,
h3,
h4,
h5{

    font-family:var(--font-heading);

    color:var(--text);

    line-height:1.2;

}

p{

    color:var(--text-light);

}

/* ==========================
   Utilities
========================== */

.text-center{

    text-align:center;

}

.flex{

    display:flex;

}

.grid{

    display:grid;

}

.hidden{

    display:none;

}