@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&display=swap');

:root {
    --main-color: hsla(252, 76%, 22%, 1);
    --action-secondary: hsla(249, 80%, 54%, 1);
    --action-secondary-hover: rgb(60, 38, 185);

    --action-third: hsla(337, 80%, 57%, 1);
    --action-primary: #25DAC5;
    --action-primary-hover: #21a495;

    --white: #FFF;
    --gray: #4D5F7A;
    --light-gray: rgba(21, 20, 57, 0.40);
    --very-light-gray: hsla(249, 8%, 92%, 1);
    --primary-font-size: 1.5rem;
    --content-small-font-size: 0.8rem;
    --content-h2-font-size: 1.4rem;
    --content-title-font-size: 3.6rem;
    --content-medium-font-size: 2.6rem;
    
    --secondary-font-size: 1rem;
    --secondary-font-weight: 400;
    --primary-font-weight: 700;
    --medium-font-weight: 500;

    --background-dark: #2F1893;
}
body {

}