Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
dmd5470-mr/css/midterm.css
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
1693 lines (1524 sloc)
59.1 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ | |
* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme | |
* What follows is the result of much research on cross-browser styling. | |
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
* Kroc Camen, and the H5BP dev community and team. | |
========================================================================== | |
Base styles: opinionated defaults | |
========================================================================== */ | |
/* line 14, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
html { | |
color: #222; | |
font-size: 1em; | |
line-height: 1.4; | |
} | |
/* | |
* Remove text-shadow in selection highlight: | |
* https://twitter.com/miketaylr/status/12228805301 | |
* | |
* Vendor-prefixed and regular ::selection selectors cannot be combined: | |
* https://stackoverflow.com/a/16982510/7133471 | |
* | |
* Customize the background color to match your design. | |
*/ | |
/* line 30, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
::-moz-selection { | |
background: #b3d4fc; | |
text-shadow: none; | |
} | |
/* line 35, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
::selection { | |
background: #b3d4fc; | |
text-shadow: none; | |
} | |
/* | |
* A better looking default horizontal rule | |
*/ | |
/* line 44, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
hr { | |
display: block; | |
height: 1px; | |
border: 0; | |
border-top: 1px solid #ccc; | |
margin: 1em 0; | |
padding: 0; | |
} | |
/* ========================================================================== | |
LAYOUT STYLING (NOT PARTICLE RELATED) | |
========================================================================== */ | |
/* line 58, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
body { | |
background-color: black; | |
} | |
/* line 62, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#body-wrapper { | |
font-family: sans-serif; | |
/* choose a better font */ | |
margin: 0 auto; | |
max-width: 750px; | |
text-align: center; | |
} | |
/* line 69, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
header { | |
background: linear-gradient(#111, #1c0f3b); | |
color: white; | |
height: 50vh; | |
min-height: auto; | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
flex-direction: column; | |
-webkit-box-pack: center; | |
justify-content: center; | |
} | |
/* line 83, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#subtle { | |
background: -webkit-gradient(linear, left top, left bottom, from(#1c0f3b), color-stop(#4d1354), to(#1c0f3b)); | |
background: linear-gradient(#1c0f3b 15%, #4d1354 50%, #1c0f3b 85%, #1a1819 100%); | |
color: white; | |
height: 50vh; | |
min-height: 400px; | |
display: grid; | |
grid-template-columns: 1fr; | |
grid-template-rows: 1fr auto 1fr; | |
} | |
/* line 94, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#fireworks { | |
background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/15/Sandiego_skyline_at_night.JPG"); | |
background-size: cover; | |
background-position: top left; | |
color: white; | |
height: 50vh; | |
min-height: 400px; | |
display: grid; | |
grid-template-rows: 1fr auto 1fr auto; | |
grid-template-columns: 1fr; | |
} | |
/* line 106, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#info1 { | |
background-color: lemonchiffon; | |
} | |
/* line 110, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#info2 { | |
background-color: aliceblue; | |
} | |
/* line 115, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
ul, ol { | |
text-align: left; | |
margin-left: 10%; | |
margin-right: 10%; | |
} | |
/* line 121, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.copy { | |
padding: 10px 50px; | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
flex-direction: column; | |
justify-content: space-around; | |
} | |
/* line 131, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#subtle h3 { | |
grid-row: 2/3; | |
grid-column: 1/2; | |
text-shadow: 2px 2px 4px #000000; | |
margin: 15px; | |
} | |
/* line 138, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#fireworks h2 { | |
grid-row: 2/3; | |
grid-column: 1/2; | |
text-shadow: 2px 2px 4px #000000; | |
} | |
/* line 144, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.attribution { | |
grid-row: -1/span1; | |
grid-column: 1/-1; | |
opacity: .5; | |
font-size: 9pt; | |
margin: 0 5px; | |
} | |
/* line 152, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#button { | |
width: 120px; | |
height: auto; | |
position: relative; | |
background: white; | |
-moz-border-radius: 10px; | |
-webkit-border-radius: 10px; | |
border-radius: 10px; | |
color: black; | |
padding: 20px 5px; | |
align-self: flex-start; | |
} | |
/* line 164, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#button:before { | |
content: ""; | |
position: absolute; | |
right: 100%; | |
top: 26px; | |
width: 0; | |
height: 0; | |
border-top: 13px solid transparent; | |
border-right: 26px solid white; | |
border-bottom: 13px solid transparent; | |
} | |
/* line 176, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#button:hover { | |
cursor: pointer; | |
} | |
/* line 180, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rain { | |
background: black; | |
color: white; | |
height: 50vh; | |
min-height: 400px; | |
display: grid; | |
grid-template-rows: 1fr auto 1fr auto; | |
grid-template-columns: 1fr 1fr 2fr; | |
} | |
/* line 190, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#character-wrapper { | |
grid-row: 2/-1; | |
grid-column: 1/3; | |
display: flex; | |
justify-content: flex-start; | |
} | |
/* line 197, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
svg { | |
align-self: flex-end; | |
} | |
/* line 201, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#sad-girl { | |
height: 250px; | |
} | |
/* line 205, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#happy-girl { | |
height: 220px; | |
} | |
/* ========================================================================== | |
CHECKBOX HACK | |
========================================================================== */ | |
/* line 213, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.show { | |
display: none; | |
} | |
/* line 217, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.hide { | |
display: block; | |
} | |
/* line 221, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch { | |
/*default rain attribute here*/ | |
background: gray; | |
height: 10px; | |
width: 3px; | |
position: absolute; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(1) { | |
left: 644px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 3.4s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(2) { | |
left: 72px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 5s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(3) { | |
left: 298px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 0.75s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(4) { | |
left: 240px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.55s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(5) { | |
left: 575px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 2.6s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(6) { | |
left: 157px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 2.85s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(7) { | |
left: 417px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.95s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(8) { | |
left: 266px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 0.6s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(9) { | |
left: 520px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.2s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(10) { | |
left: 224px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 1.6s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(11) { | |
left: 265px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 1.75s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(12) { | |
left: 449px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.35s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(13) { | |
left: 689px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 5s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(14) { | |
left: 246px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.35s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(15) { | |
left: 541px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.3s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(16) { | |
left: 338px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 0.95s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(17) { | |
left: 259px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 2.9s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(18) { | |
left: 460px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.8s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(19) { | |
left: 633px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.3s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(20) { | |
left: 321px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.95s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(21) { | |
left: 435px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 1.75s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(22) { | |
left: 218px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 2.45s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(23) { | |
left: 137px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.25s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(24) { | |
left: 225px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 2.3s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(25) { | |
left: 572px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.25s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(26) { | |
left: 441px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 2.75s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(27) { | |
left: 77px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.45s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(28) { | |
left: 317px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 0.05s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(29) { | |
left: 497px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.4s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(30) { | |
left: 656px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 0.9s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(31) { | |
left: 538px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.65s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(32) { | |
left: 416px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 3.25s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(33) { | |
left: 281px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.45s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(34) { | |
left: 484px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 0.3s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(35) { | |
left: 518px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 3.9s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(36) { | |
left: 673px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.8s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(37) { | |
left: 413px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 3.1s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(38) { | |
left: 233px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.65s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(39) { | |
left: 603px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 1.25s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(40) { | |
left: 451px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.4s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(41) { | |
left: 638px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 1.6s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(42) { | |
left: 213px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.8s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(43) { | |
left: 313px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 4.75s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(44) { | |
left: 486px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 2.55s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(45) { | |
left: 330px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 0.95s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(46) { | |
left: 202px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 2.45s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(47) { | |
left: 322px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.95s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(48) { | |
left: 364px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 1.9s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(49) { | |
left: 220px; | |
animation: rain 1s linear infinite; | |
transform: scale(0.7); | |
animation-fill-mode: backwards; | |
animation-delay: 1.3s !important; | |
} | |
/* line 229, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.switch:nth-child(50) { | |
left: 128px; | |
animation: rain 1s linear infinite; | |
transform: scale(1.4); | |
animation-fill-mode: backwards; | |
animation-delay: 4.8s !important; | |
} | |
/* line 238, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rainswitch { | |
display: none; | |
} | |
/* line 242, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rainswitch:checked ~ div > .show { | |
display: block; | |
} | |
/* line 246, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rainswitch:checked ~ div > .hide { | |
display: none; | |
} | |
/* line 250, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rainswitch:checked ~ .particle-container > .particle-rain1 { | |
/*coin rain attributes here*/ | |
background: url(/img/spinning-coin.gif); | |
background-size: cover; | |
background-position: center; | |
width: 30px; | |
height: 30px; | |
transform: scale(0.7) rotate(90deg); | |
animation: rain 2s linear infinite; | |
} | |
/* line 260, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#rainswitch:checked ~ .particle-container > .particle-rain2 { | |
/*dollar bill rain attributes here*/ | |
background: url(/img/dollar.png); | |
background-size: cover; | |
background-position: center; | |
width: 80px; | |
height: 48px; | |
transform-origin: 0 -100px; | |
animation: rain 3s linear infinite, sway 3s linear alternate infinite; | |
} | |
/* ========================================================================== | |
PARTICLE-RELATED STYLES & ANIMATION | |
========================================================================== */ | |
/* line 276, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-container { | |
overflow: hidden; | |
height: 100%; | |
grid-row: 1/4; | |
grid-column: 1/-1; | |
position: relative; | |
} | |
/* line 284, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle { | |
position: absolute; | |
border-radius: 50%; | |
margin: 15px; | |
background: white; | |
} | |
/* line 291, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.starburst { | |
position: absolute; | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
} | |
/* line 297, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst1 { | |
left: 20px; | |
-webkit-animation: burst1 3s ease-in infinite backwards; | |
animation: burst1 3s ease-in infinite backwards; | |
-webkit-animation-delay: 5s; | |
animation-delay: 5s; | |
} | |
/* line 305, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst2 { | |
left: 125px; | |
-webkit-animation: burst2 3s ease-in infinite backwards; | |
animation: burst2 3s ease-in infinite backwards; | |
-webkit-animation-delay: 6s; | |
animation-delay: 6s; | |
} | |
/* line 313, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst3 { | |
left: 250px; | |
-webkit-animation: burst3 3s ease-in infinite backwards; | |
animation: burst3 3s ease-in infinite backwards; | |
-webkit-animation-delay: 6.8s; | |
animation-delay: 6.8s; | |
} | |
/* line 321, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst4 { | |
left: 400px; | |
-webkit-animation: burst4 3s ease-in infinite backwards; | |
animation: burst4 3s ease-in infinite backwards; | |
-webkit-animation-delay: 4.7s; | |
animation-delay: 4.7s; | |
} | |
/* line 329, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst5 { | |
left: 575px; | |
-webkit-animation: burst5 3s ease-in infinite backwards; | |
animation: burst5 3s ease-in infinite backwards; | |
-webkit-animation-delay: 7s; | |
animation-delay: 7s; | |
} | |
@keyframes rain { | |
0% { | |
top: -10%; | |
} | |
100% { | |
top: 100%; | |
} | |
} | |
@keyframes sway { | |
0% { | |
transform: rotate(-15deg); | |
} | |
100% { | |
transform: rotate(15deg); | |
} | |
} | |
@-webkit-keyframes burst1 { | |
0%, 20% { | |
-webkit-transform: rotate(-10deg) scale(1, 0.8); | |
transform: rotate(-10deg) scale(1, 0.8); | |
opacity: 0; | |
top: 50px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 50px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(10deg) scale(1, 0.3); | |
transform: rotate(10deg) scale(1, 0.3); | |
top: 250px; | |
} | |
} | |
@keyframes burst1 { | |
0%, 20% { | |
-webkit-transform: rotate(-10deg) scale(1, 0.8); | |
transform: rotate(-10deg) scale(1, 0.8); | |
opacity: 0; | |
top: 50px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 50px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(10deg) scale(1, 0.3); | |
transform: rotate(10deg) scale(1, 0.3); | |
top: 250px; | |
} | |
} | |
@-webkit-keyframes burst2 { | |
0%, 20% { | |
-webkit-transform: rotate(10deg) scale(1, 0.8); | |
transform: rotate(10deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(-10deg) scale(1, 0.3); | |
transform: rotate(-10deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@keyframes burst2 { | |
0%, 20% { | |
-webkit-transform: rotate(10deg) scale(1, 0.8); | |
transform: rotate(10deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(-10deg) scale(1, 0.3); | |
transform: rotate(-10deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@-webkit-keyframes burst3 { | |
0%, 20% { | |
-webkit-transform: rotate(-5deg) scale(1, 0.8); | |
transform: rotate(-5deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(15deg) scale(1, 0.3); | |
transform: rotate(15deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@keyframes burst3 { | |
0%, 20% { | |
-webkit-transform: rotate(-5deg) scale(1, 0.8); | |
transform: rotate(-5deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(15deg) scale(1, 0.3); | |
transform: rotate(15deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@-webkit-keyframes burst4 { | |
0%, 20% { | |
-webkit-transform: rotate(5deg) scale(1, 0.8); | |
transform: rotate(5deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(-15deg) scale(1, 0.3); | |
transform: rotate(-15deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@keyframes burst4 { | |
0%, 20% { | |
-webkit-transform: rotate(5deg) scale(1, 0.8); | |
transform: rotate(5deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(-15deg) scale(1, 0.3); | |
transform: rotate(-15deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@-webkit-keyframes burst5 { | |
0%, 20% { | |
-webkit-transform: rotate(-15deg) scale(1, 0.8); | |
transform: rotate(-15deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(5deg) scale(1, 0.3); | |
transform: rotate(5deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@keyframes burst5 { | |
0%, 20% { | |
-webkit-transform: rotate(-15deg) scale(1, 0.8); | |
transform: rotate(-15deg) scale(1, 0.8); | |
opacity: 0; | |
top: 75px; | |
} | |
25% { | |
opacity: 1; | |
} | |
50% { | |
-webkit-transform: scale(1, 0.5); | |
transform: scale(1, 0.5); | |
top: 75px; | |
} | |
75% { | |
opacity: .5; | |
} | |
100% { | |
opacity: 0; | |
-webkit-transform: rotate(5deg) scale(1, 0.3); | |
transform: rotate(5deg) scale(1, 0.3); | |
top: 275px; | |
} | |
} | |
@-webkit-keyframes grow { | |
0%, 20% { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
top: 100px; | |
left: 100px; | |
} | |
25% { | |
-webkit-transform-origin: 25px 25px; | |
transform-origin: 25px 25px; | |
top: 75px; | |
left: 75px; | |
} | |
75% { | |
-webkit-transform-origin: 75px 75px; | |
transform-origin: 75px 75px; | |
top: 25px; | |
left: 25px; | |
} | |
100% { | |
-webkit-transform-origin: 100px 100px; | |
transform-origin: 100px 100px; | |
top: 0px; | |
left: 0px; | |
} | |
} | |
@keyframes grow { | |
0%, 20% { | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
top: 100px; | |
left: 100px; | |
} | |
25% { | |
-webkit-transform-origin: 25px 25px; | |
transform-origin: 25px 25px; | |
top: 75px; | |
left: 75px; | |
} | |
75% { | |
-webkit-transform-origin: 75px 75px; | |
transform-origin: 75px 75px; | |
top: 25px; | |
left: 25px; | |
} | |
100% { | |
-webkit-transform-origin: 100px 100px; | |
transform-origin: 100px 100px; | |
top: 0px; | |
left: 0px; | |
} | |
} | |
/* line 669, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst1 .star-wrapper { | |
position: absolute; | |
-webkit-animation: grow 3s linear infinite backwards; | |
animation: grow 3s linear infinite backwards; | |
-webkit-animation-delay: 5s; | |
animation-delay: 5s; | |
} | |
/* line 679, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst2 .star-wrapper { | |
position: absolute; | |
-webkit-animation: grow 3s linear infinite backwards; | |
animation: grow 3s linear infinite backwards; | |
-webkit-animation-delay: 6s; | |
animation-delay: 6s; | |
} | |
/* line 689, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst3 .star-wrapper { | |
position: absolute; | |
-webkit-animation: grow 3s linear infinite backwards; | |
animation: grow 3s linear infinite backwards; | |
-webkit-animation-delay: 6.8s; | |
animation-delay: 6.8s; | |
} | |
/* line 699, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst4 .star-wrapper { | |
position: absolute; | |
-webkit-animation: grow 3s linear infinite backwards; | |
animation: grow 3s linear infinite backwards; | |
-webkit-animation-delay: 4.7s; | |
animation-delay: 4.7s; | |
} | |
/* line 709, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst5 .star-wrapper { | |
position: absolute; | |
-webkit-animation: grow 3s linear infinite backwards; | |
animation: grow 3s linear infinite backwards; | |
-webkit-animation-delay: 7s; | |
animation-delay: 7s; | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate1 { | |
-webkit-transform: rotate(36deg); | |
transform: rotate(36deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate2 { | |
-webkit-transform: rotate(72deg); | |
transform: rotate(72deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate3 { | |
-webkit-transform: rotate(108deg); | |
transform: rotate(108deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate4 { | |
-webkit-transform: rotate(144deg); | |
transform: rotate(144deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate5 { | |
-webkit-transform: rotate(180deg); | |
transform: rotate(180deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate6 { | |
-webkit-transform: rotate(216deg); | |
transform: rotate(216deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate7 { | |
-webkit-transform: rotate(252deg); | |
transform: rotate(252deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate8 { | |
-webkit-transform: rotate(288deg); | |
transform: rotate(288deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate9 { | |
-webkit-transform: rotate(324deg); | |
transform: rotate(324deg); | |
} | |
/* line 720, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.rotate10 { | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg); | |
} | |
/* line 728, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst1 .particle-star { | |
background: magenta; | |
} | |
/* line 731, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst1 .particle-star:before { | |
background: magenta; | |
} | |
/* line 735, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst2 .particle-star { | |
background: orangered; | |
} | |
/* line 738, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst2 .particle-star:before { | |
background: orangered; | |
} | |
/* line 742, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst3 .particle-star { | |
background: yellow; | |
} | |
/* line 745, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst3 .particle-star:before { | |
background: yellow; | |
} | |
/* line 749, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst4 .particle-star { | |
background: cyan; | |
} | |
/* line 752, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst4 .particle-star:before { | |
background: cyan; | |
} | |
/* line 756, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst5 .particle-star { | |
background: lime; | |
} | |
/* line 759, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#starburst5 .particle-star:before { | |
background: lime; | |
} | |
/* line 763, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-star { | |
opacity: 1; | |
width: 6px; | |
height: 6px; | |
position: absolute; | |
text-align: center; | |
-webkit-transform: rotate(20deg); | |
transform: rotate(20deg); | |
} | |
/* line 772, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-star:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: 0; | |
height: 6px; | |
width: 6px; | |
opacity: 1; | |
-webkit-transform: rotate(135deg); | |
transform: rotate(135deg); | |
} | |
@-webkit-keyframes blur_fade { | |
0% { | |
height: 2px; | |
width: 2px; | |
opacity: 0; | |
} | |
20% { | |
-webkit-filter: blur(0.2); | |
filter: blur(0.2); | |
opacity: 0.3; | |
} | |
100% { | |
height: 40px; | |
width: 40px; | |
-webkit-filter: blur(3px); | |
filter: blur(3px); | |
opacity: 0; | |
} | |
} | |
@keyframes blur_fade { | |
0% { | |
height: 2px; | |
width: 2px; | |
opacity: 0; | |
} | |
20% { | |
-webkit-filter: blur(0.2); | |
filter: blur(0.2); | |
opacity: 0.3; | |
} | |
100% { | |
height: 40px; | |
width: 40px; | |
-webkit-filter: blur(3px); | |
filter: blur(3px); | |
opacity: 0; | |
} | |
} | |
@-webkit-keyframes circle { | |
0% { | |
-webkit-transform-origin: -10px -10px; | |
transform-origin: -10px -10px; | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform-origin: -10px -10px; | |
transform-origin: -10px -10px; | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg); | |
} | |
} | |
@keyframes circle { | |
0% { | |
-webkit-transform-origin: -10px -10px; | |
transform-origin: -10px -10px; | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform-origin: -10px -10px; | |
transform-origin: -10px -10px; | |
-webkit-transform: rotate(360deg); | |
transform: rotate(360deg); | |
} | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(1) { | |
top: 150px; | |
left: 250px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 11s, 3s; | |
animation-delay: 3s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(2) { | |
top: 50px; | |
left: 150px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 6s, 0s; | |
animation-delay: 15s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(3) { | |
top: 200px; | |
left: 350px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 2s, 3s; | |
animation-delay: 9s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(4) { | |
top: 100px; | |
left: 500px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 6s, 0s; | |
animation-delay: 3s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(5) { | |
top: 250px; | |
left: 250px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 15s, 1s; | |
animation-delay: 5s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(6) { | |
top: 100px; | |
left: 250px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 8s, 2s; | |
animation-delay: 8s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(7) { | |
top: 300px; | |
left: 500px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
-webkit-animation-delay: 0s, 3s; | |
animation-delay: 9s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(8) { | |
top: 300px; | |
left: 350px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 12s, 1s; | |
animation-delay: 1s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(9) { | |
top: 100px; | |
left: 700px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 12s, 0s; | |
animation-delay: 2s, 1s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(10) { | |
top: 150px; | |
left: 350px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 1s, 3s; | |
animation-delay: 11s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(11) { | |
top: 400px; | |
left: 500px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 8s, 2s; | |
animation-delay: 6s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(12) { | |
top: 100px; | |
left: 650px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 2s, 4s; | |
animation-delay: 8s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(13) { | |
top: 50px; | |
left: 450px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 8s, 1s; | |
animation-delay: 10s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(14) { | |
top: 350px; | |
left: 600px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
-webkit-animation-delay: 14s, 1s; | |
animation-delay: 13s, 1s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(15) { | |
top: 150px; | |
left: 450px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 0s, 2s; | |
animation-delay: 7s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(16) { | |
top: 150px; | |
left: 450px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 2s, 4s; | |
animation-delay: 14s, 4s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(17) { | |
top: 250px; | |
left: 50px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
-webkit-animation-delay: 11s, 3s; | |
animation-delay: 1s, 1s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(18) { | |
top: 100px; | |
left: 700px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 5s, 1s; | |
animation-delay: 10s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(19) { | |
top: 100px; | |
left: 350px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 3s, 1s; | |
animation-delay: 14s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(20) { | |
top: 50px; | |
left: 50px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 12s, 4s; | |
animation-delay: 11s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(21) { | |
top: 150px; | |
left: 450px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 6s, 4s; | |
animation-delay: 2s, 4s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(22) { | |
top: 100px; | |
left: 700px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 12s, 0s; | |
animation-delay: 13s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(23) { | |
top: 350px; | |
left: 200px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
-webkit-animation-delay: 0s, 0s; | |
animation-delay: 15s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(24) { | |
top: 150px; | |
left: 50px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 8s, 3s; | |
animation-delay: 1s, 3s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(25) { | |
top: 50px; | |
left: 450px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
-webkit-animation-delay: 12s, 4s; | |
animation-delay: 0s, 1s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(26) { | |
top: 300px; | |
left: 150px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
-webkit-animation-delay: 12s, 3s; | |
animation-delay: 0s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(27) { | |
top: 350px; | |
left: 100px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
-webkit-animation-delay: 11s, 1s; | |
animation-delay: 1s, 0s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(28) { | |
top: 50px; | |
left: 650px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
-webkit-animation-delay: 5s, 0s; | |
animation-delay: 3s, 2s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(29) { | |
top: 150px; | |
left: 400px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
-webkit-animation-delay: 1s, 0s; | |
animation-delay: 8s, 1s; | |
} | |
/* line 855, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
.particle-subtle:nth-child(30) { | |
top: 150px; | |
left: 600px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
-webkit-animation-delay: 13s, 0s; | |
animation-delay: 12s, 0s; | |
} | |
/*# sourceMappingURL=midterm.css.map */ |