/* Fonts */
@font-face {
    font-family: "Cause";
    src: url(../fnt/Cause-VariableFont.ttf) format("truetype");
}

/* Animations */
@view-transition {
    navigation: auto;
}

/* Global Variables */
:root {
    --primary-color: #f904c4;
    --secondary-color: #d418c5;
    --tertiary-color: #a81394;

    --extralarge-font-size: 40px;
    --large-font-size: 32px;
    --medium-font-size: 24px;
    --small-font-size: 18px;

    --standard-border-radius: 10px;
    --standard-shadow: 0 3px 5px 2px rgb(37, 37, 39);
    --standard-transition: 100ms ease-in-out;
    
    --primary-font-family: 'Arial';
    --secondary-font-family: 'Times New Roman';
    --tertiary-font-family: '', ;
}



/* Default Styles */
body {
    margin: 0;
    padding: 0;
    font-family: 'Cause';
}

/*
h1 {
    font-size: 40px;
    font-weight: 500;
    padding: 0 0 0 0;
    margin: 0.35em 0 0.35em 0;
}
h2 {
    font-size: 32px;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0.35em 0 0.35em 0;
}
h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0.35em 0 0.35em 0;
}
*/
p {
    font-size: 18px;
    font-weight: 300;
    margin: 0.8em 0.5em;
}