/* Importing Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nata+Sans:wght@100..900&display=swap');
/* Importing Google Fonts */

html{
    font-size: 10px;
}

:root{
    /* Fonts Variables */
    --primary-font:"Nata Sans";
    --secondary-font:"Inter";
    /* Fonts Variables */

    /* Fonts Sizes Variables */
    --xlg-fs:3.6rem;
    --lg-fs:3.2rem;
    --md-fs:2.5rem;
    --sm-fs:2.0rem;
    --xsm-fs:1.6rem;
    /* Fonts Sizes Variables */

    /* Transition & Colours */
    --primary-transition:all cubic-bezier(0.215, 0.610, 0.355, 1) 0.2s; 
    --secondary-transition:all cubic-bezier(0.755, 0.05, 0.855, 0.06) 0.2s; 

    --white-:white;
    --black-:black;
    /* Transition & Colours */
}

body{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: var(--primary-font);
}

button{
    outline: none;
    border: none;
}

/* Temporary css */

#hero .btn.ealbum-btn{
    width: 170px;
    height: 45px;
    font-size: 17px;
    font-weight: 600;
    margin: 25px;
    background: linear-gradient(90deg,#FF9A00,#db8505);
    cursor: pointer;
    color: var(--white-);
    border-radius: 6px;
    transition: var(--primary-transition);
}

#hero .btn.ealbum-btn:hover{
    filter: brightness(1.1);
    scale: 1.01;
}

#hero .btn.ealbum-btn:active{
    filter: brightness(1);
    scale: 0.99;
}