/* CSS VARIABLES EASY ACCESS */
:root {
    --main_bg_col: #f3f3ee;
}

/* GENERAL BEHAVIOURS*/
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    user-select: none; /* Disable text selection */
    transition: all 300ms ease-in-out;
}

h1, h2, h3, p, ul, li {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    
    
    background-color: var(--main_bg_col);
}
html {
    scroll-behavior: smooth;
}

/* CORRECT HOVER */

.default-cursor:hover {
    cursor: default;
}
.pointer-cursor:hover {
    cursor: pointer;    
}

/* CORRECT BUTTONS */

.btn:hover {
    cursor: pointer;
}
.btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pointer:hover {
    cursor: pointer;
}
.btn-2 {  /*Removing border for btn-2 and putting hover effect*/
    border: 1px solid transparent;
}   .btn-2:hover {
    background-color: #073F8C;
    transition: 150ms all ease-in-out;
}