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

@tailwind base;
@tailwind components;
@tailwind utilities;

*,
html,
body {
    box-sizing: border-box;
}

html {
    height: 100vh;
    width: 100vw;
}

body {
    font-family: Inter, sans-serif;
    position: relative;
    height: 100%;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
titles,
labels {
    font-family: Poppins, sans-serif;
}

/* example if you want it in index.css or a separate .css */
.corner {
    width: 3em;
    height: 3em;
}
.corner a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.corner img {
    width: 2em;
    height: 2em;
    object-fit: contain;
}