phinton2

/** Project Luxury Hour */

/* FONT IMPORTS */

@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

phinton2

{"view":"split","fontsize":"70","seethrough":"1","prefixfree":"1","page":"javascript"}

phinton2

/**Project 3 - Parallax Falling Rain*/
/* Refernce link: */

/*===================================
                 BODY
=====================================*/

html {
}

phinton2

/**Project 2 - Burning Embers*/
/* Inspiration for the project as well as references taken from AntociAlinGeorgin's Parallax-Star-Background code published to WebDevSHORTS on GitHub; tutorial video of his project here: https://www.youtube.com/watch?v=aywzn9cf-_U */

/* To-Do List:
1. Add more frames to smooth ember floating animation
2. Test if :after is necessary (intention: less code, cleaner management)
3. Add wider range of colors to embers
4. Consider addition of mountains in background (optional)
5. May change radial gradient color to match that of evening afterglow; REFERENCE ---> https://get.pxhere.com/photo/sea-horizon-cloud-sky-sunrise-sunset-morning-dawn-atmosphere-dusk-evening-glow-afterglow-republic-of-the-philippines-in-the-dark-red-sky-at-morning-1081401.jpg */

phinton2

{"view":"split","fontsize":"70","seethrough":"1","prefixfree":"1","page":"css"}

phinton2

{"view":"split","fontsize":"70","seethrough":"1","prefixfree":"1","page":"css"}

phinton2

/**Project 1 - Reach The Stars*/

/*===================================
                 BODY
=====================================*/
html {
height: 100%;
overflow: hidden;
background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
}

phinton2

/**
 * Wanderers Venture - Rakoza Kimayne
 */
 
 
/*================================
               BODY
=================================*/

body {

phinton2

/**
 * Project 1 - ???
 */
 
 
/*================================
               BODY
=================================*/

body {

phinton2

{"view":"split","fontsize":"70","seethrough":"1","prefixfree":"1","page":"javascript"}