/*.my-highlight {*/
/*    background-color: var(--primary);*/
/*    color: var(--text);*/
/*}*/

:root{
    /*--text: #03110c;*/
    /*--background: #d9f7ed;*/
    /*--primary: #3fd9a6;*/
    /*--secondary: #aeefd9;*/
    /*--accent: #23af80;*/

    --text: #7bbdee;
    --background: #d9f7ed;
    --primary: #3fa3d9;
    --secondary: #bfe7fd;
    --accent: #5b849a;

    --gradient-alpha: 0.9;


    /*    Backup*/
/*    --primary: #042350;*/
/*    --background: #659981;*/
}

body {
    /*background: linear-gradient(133deg, rgba(3,1,43,1) 0%, rgba(9,43,121,1) 35%, rgba(0,212,255,1) 100%);*/
    background: linear-gradient(133deg, rgba(3,1,43,var(--gradient-alpha)) 0%, rgba(9,43,121,var(--gradient-alpha)) 66%, rgba(2,32,200,var(--gradient-alpha)) 100%), radial-gradient(circle, rgba(27,16,180,1) 0%, rgba(26,0,129,0) 0%), #000000;
    /*background: linear-gradient(133deg, rgba(3,1,43,var(--gradient-alpha)) 0%, rgba(9,43,121,var(--gradient-alpha)) 66%, rgba(2,32,200,var(--gradient-alpha)) 100%), #000000;*/
    /*background: radial-gradient(circle, rgba(27,48,152,1) 3%, rgb(0, 212, 255) 69%, rgb(0, 187, 255) 75%, rgb(9, 43, 121) 110%);*/
    background-attachment: fixed;
    color: var(--text);
    font-family: Gill Sans, sans-serif;
}

main {
    height: 100vh;
}

footer{
    height: 300vh;
}