*,
*::after,
*::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root{
    /* basic colors */
    --color-white: #fff;
    --color-black: #000;

    /* Shades of Gray */
    --color-gray-900: #3d3b48;
    --color-gray-200: #dedede;

    /* Shades of Purple */
    --color-purple-700: #5e54a4;
    --color-purple-400: #a6a1cf;
    --color-purple-350: #bab7d4;

    /* Shades of Green */
    --color-green-400: #38cc8b;
    --color-green-300: #77e2b3;

    --color-primary: #ff7979;

    /* Shadows */
    --shadow-button: rgba(56, 204, 139, 0.5);
    --shadow-general: rgba(0, 0, 0, 0.25);

    --poppins-font:  "Poppins", sans-serif;
}

body{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: var(--poppins-font);
}

input,button,label{
    display: block;
}

/* Accessibility */

.sr-only {
    position: absolute;
    width: .0625rem;
    height: .0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}