@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Montserrat:wght@300&family=Playfair+Display&display=swap');
:root {
    --black: #010101;
    --xiketic: #1B0F1B;
    /* white  rgba(254, 254, 254, 1) */
    --white: #fefefe;
    /* ecru rgba (180, 163, 103, 1) */
    --ecru: #b4a367;
    /* spanish bistre rgba(127, 108, 52, 1) */
    --spanish-bistre: #7f6c34;
    /* metallic-gold rgba(211, 179, 88, 1) */
    --metallic-gold: #d3b356;
    /* satin-gold rgba(180, 154, 74, 1) */
    --satin-gold: #b49a4a;
    /* metallic-sunburst rgba(169, 141, 64, 1) */
    --metallic-sunburst: #a98d40;
    /* gold-crayola rgba(227, 192, 117, 1) */
    --gold-crayola: #e3c075;
    /* vegas-gold rgba(210, 184, 113, 1) */
    --vegas-gold: #d2b871;
    /* max-yellow-red rgba(224, 185, 103, 1) */
    --max-yellow-red: #e0b967;
    /*
    *font
    */
    --comfortaa: 'Comfortaa', cursive;
    --montserrat: 'Montserrat', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--comfortaa);
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

a {
    text-decoration: none;
    color: var(--black);
}

p {
    font-weight: 600;
}


/*******************
*
*
* Responsive CSS
*
*
********************/


/********************
* 
* Mobile devices 
*
*********************/

@media only screen and (min-width:320px) and (max-width:480px) {}


/********************
* 
* Ipads, tablets 
*
*********************/

@media only screen and (min-width:481px) and (max-width:768px) {}


/********************
* 
* small screens, laptops 
*
*********************/

@media only screen and (min-width:769px) and (max-width:1024px) {}


/********************
* 
* desktop, large screens 
*
*********************/

@media only screen and (min-width:1025px) and (max-width:1200px) {}


/********************
* 
* extra large screens, tv 
*
*********************/

@media only screen and (min-width:1200px) {}