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.
2051 lines (1826 sloc)
79.4 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
| /* ========================================================================== | |
| LAYOUT STYLING (NOT PARTICLE RELATED) | |
| ========================================================================== */ | |
| /* line 7, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| body { | |
| background-color: black; | |
| width: 100vw; | |
| } | |
| /* line 12, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #body-wrapper { | |
| margin: 0 auto; | |
| max-width: 750px; | |
| text-align: center; | |
| color: white; | |
| font-family: 'Open Sans', sans-serif; | |
| line-height: 1.5; | |
| } | |
| /* line 21, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| h1, h2, h3 { | |
| font-family: 'Nunito', sans-serif; | |
| margin: 15px 15px; | |
| } | |
| /* line 26, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| h1 { | |
| font-weight: 900; | |
| } | |
| /* line 30, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| h2 { | |
| font-weight: 800; | |
| } | |
| /* line 34, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| h3 { | |
| font-weight: 700; | |
| } | |
| /* line 38, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| a { | |
| overflow-wrap: break-word; | |
| word-wrap: break-word; | |
| color: cyan; | |
| } | |
| /* line 45, ../../../../../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); | |
| 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 58, ../../../../../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%); | |
| height: 50vh; | |
| min-height: 400px; | |
| display: grid; | |
| grid-template-columns: 1fr; | |
| grid-template-rows: 1fr auto 1fr; | |
| } | |
| /* line 68, ../../../../../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; | |
| height: 50vh; | |
| min-height: 400px; | |
| display: grid; | |
| grid-template-rows: 20px auto 1fr auto; | |
| grid-template-columns: 1fr; | |
| } | |
| /* line 79, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #insert1 { | |
| grid-row: 1/2; | |
| grid-column: 1/-1; | |
| align-self: center; | |
| margin: 0 20px; | |
| z-index: 1; | |
| text-shadow: 2px 2px 4px #000000; | |
| } | |
| /* line 88, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #insert2 { | |
| background-color: #616e7a; | |
| margin: 0px; | |
| padding: 50px 20px; | |
| text-shadow: 2px 2px 4px #000000; | |
| } | |
| /* line 95, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info1 { | |
| background: linear-gradient(#1c0f3b, #4d1354); | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-around; | |
| align-items: center; | |
| } | |
| /* line 103, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info2 { | |
| background: linear-gradient(#4d1354, #1c0f3b); | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: space-around; | |
| align-items: center; | |
| } | |
| /* line 111, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #info2 h3 { | |
| margin-top: 20px; | |
| margin-bottom: 0; | |
| text-decoration: underline; | |
| } | |
| /* line 117, ../../../../../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 123, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| ol li { | |
| margin: 10px 0; | |
| } | |
| /* line 127, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .copy { | |
| padding: 50px; | |
| } | |
| /* 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; | |
| } | |
| /* line 137, ../../../../../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 143, ../../../../../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 151, ../../../../../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 163, ../../../../../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 175, ../../../../../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 179, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #rain { | |
| background: #616e7a; | |
| height: 50vh; | |
| min-height: 400px; | |
| display: grid; | |
| grid-template-rows: 1fr auto 1fr auto; | |
| grid-template-columns: 1fr 1fr 2fr; | |
| } | |
| /* line 188, ../../../../../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; | |
| margin: 0 20px; | |
| } | |
| /* line 196, ../../../../../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 200, ../../../../../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 204, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #happy-girl { | |
| height: 220px; | |
| } | |
| /* line 208, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #resources { | |
| background-color: #1c0f3b; | |
| } | |
| /* line 212, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #resources h3 { | |
| margin-top: 40px; | |
| } | |
| /* line 216, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #scss-demo img { | |
| max-width: 100vw; | |
| } | |
| /* line 220, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #css-demo img { | |
| max-width: 60vw; | |
| } | |
| @media (min-width: 750px) { | |
| /* line 225, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #scss-demo img { | |
| max-width: 650px; | |
| } | |
| /* line 228, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #css-demo img { | |
| max-width: 350px; | |
| } | |
| } | |
| /* ========================================================================== | |
| CHECKBOX HACK | |
| ========================================================================== */ | |
| /* line 238, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .show { | |
| display: none; | |
| } | |
| /* line 242, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| .hide { | |
| display: block; | |
| } | |
| /* line 246, ../../../../../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: #cedcf2; | |
| height: 10px; | |
| width: 3px; | |
| position: absolute; | |
| } | |
| /* line 254, ../../../../../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: 658px; | |
| animation: rain 1.09609s linear infinite; | |
| transform: scale(1.06103); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.42262s !important; | |
| } | |
| /* line 254, ../../../../../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: 175px; | |
| animation: rain 0.59629s linear infinite; | |
| transform: scale(1.09203); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.17981s !important; | |
| } | |
| /* line 254, ../../../../../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: 678px; | |
| animation: rain 1.02668s linear infinite; | |
| transform: scale(1.00955); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.42974s !important; | |
| } | |
| /* line 254, ../../../../../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: 79px; | |
| animation: rain 1.49989s linear infinite; | |
| transform: scale(0.93543); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.27451s !important; | |
| } | |
| /* line 254, ../../../../../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: 321px; | |
| animation: rain 1.07864s linear infinite; | |
| transform: scale(1.05396); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.39012s !important; | |
| } | |
| /* line 254, ../../../../../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: 78px; | |
| animation: rain 1.23773s linear infinite; | |
| transform: scale(1.04124); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.68137s !important; | |
| } | |
| /* line 254, ../../../../../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: 165px; | |
| animation: rain 1.25097s linear infinite; | |
| transform: scale(1.02331); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.13362s !important; | |
| } | |
| /* line 254, ../../../../../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: 264px; | |
| animation: rain 0.79019s linear infinite; | |
| transform: scale(1.07642); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.76607s !important; | |
| } | |
| /* line 254, ../../../../../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: 371px; | |
| animation: rain 1.33633s linear infinite; | |
| transform: scale(1.02557); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.7403s !important; | |
| } | |
| /* line 254, ../../../../../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: 589px; | |
| animation: rain 1.47394s linear infinite; | |
| transform: scale(0.98924); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.07022s !important; | |
| } | |
| /* line 254, ../../../../../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: 671px; | |
| animation: rain 0.76554s linear infinite; | |
| transform: scale(0.84102); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.27721s !important; | |
| } | |
| /* line 254, ../../../../../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: 600px; | |
| animation: rain 0.55089s linear infinite; | |
| transform: scale(0.93027); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.07636s !important; | |
| } | |
| /* line 254, ../../../../../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: 594px; | |
| animation: rain 0.74083s linear infinite; | |
| transform: scale(0.90914); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.27471s !important; | |
| } | |
| /* line 254, ../../../../../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: 573px; | |
| animation: rain 1.18304s linear infinite; | |
| transform: scale(0.84439); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.16522s !important; | |
| } | |
| /* line 254, ../../../../../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: 698px; | |
| animation: rain 1.18014s linear infinite; | |
| transform: scale(0.95557); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.80959s !important; | |
| } | |
| /* line 254, ../../../../../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: 320px; | |
| animation: rain 0.95997s linear infinite; | |
| transform: scale(0.83318); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.94001s !important; | |
| } | |
| /* line 254, ../../../../../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: 102px; | |
| animation: rain 0.5142s linear infinite; | |
| transform: scale(0.97477); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.93624s !important; | |
| } | |
| /* line 254, ../../../../../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: 583px; | |
| animation: rain 0.9358s linear infinite; | |
| transform: scale(0.92278); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.86254s !important; | |
| } | |
| /* line 254, ../../../../../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: 340px; | |
| animation: rain 1.29516s linear infinite; | |
| transform: scale(1.03647); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.56971s !important; | |
| } | |
| /* line 254, ../../../../../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: 640px; | |
| animation: rain 0.51296s linear infinite; | |
| transform: scale(1.08738); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.90834s !important; | |
| } | |
| /* line 254, ../../../../../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: 228px; | |
| animation: rain 1.37208s linear infinite; | |
| transform: scale(1.04334); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.39951s !important; | |
| } | |
| /* line 254, ../../../../../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: 397px; | |
| animation: rain 0.5786s linear infinite; | |
| transform: scale(1.03617); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.6396s !important; | |
| } | |
| /* line 254, ../../../../../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: 108px; | |
| animation: rain 0.80928s linear infinite; | |
| transform: scale(1.03119); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.83074s !important; | |
| } | |
| /* line 254, ../../../../../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: 670px; | |
| animation: rain 1.17868s linear infinite; | |
| transform: scale(0.81003); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.41051s !important; | |
| } | |
| /* line 254, ../../../../../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: 344px; | |
| animation: rain 0.8105s linear infinite; | |
| transform: scale(0.85463); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.92848s !important; | |
| } | |
| /* line 254, ../../../../../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: 314px; | |
| animation: rain 1.14897s linear infinite; | |
| transform: scale(0.87973); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.93643s !important; | |
| } | |
| /* line 254, ../../../../../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: 608px; | |
| animation: rain 1.0228s linear infinite; | |
| transform: scale(1.09307); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.66358s !important; | |
| } | |
| /* line 254, ../../../../../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: 136px; | |
| animation: rain 1.01505s linear infinite; | |
| transform: scale(0.8063); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.7195s !important; | |
| } | |
| /* line 254, ../../../../../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: 244px; | |
| animation: rain 0.83528s linear infinite; | |
| transform: scale(0.85486); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.10468s !important; | |
| } | |
| /* line 254, ../../../../../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: 329px; | |
| animation: rain 0.72918s linear infinite; | |
| transform: scale(1.02283); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.01053s !important; | |
| } | |
| /* line 254, ../../../../../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: 541px; | |
| animation: rain 0.64567s linear infinite; | |
| transform: scale(0.97968); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.48469s !important; | |
| } | |
| /* line 254, ../../../../../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: 99px; | |
| animation: rain 0.96006s linear infinite; | |
| transform: scale(1.02055); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.20933s !important; | |
| } | |
| /* line 254, ../../../../../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: 285px; | |
| animation: rain 0.50517s linear infinite; | |
| transform: scale(0.86253); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.46153s !important; | |
| } | |
| /* line 254, ../../../../../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: 109px; | |
| animation: rain 1.22088s linear infinite; | |
| transform: scale(0.81408); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.48246s !important; | |
| } | |
| /* line 254, ../../../../../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: 155px; | |
| animation: rain 1.47706s linear infinite; | |
| transform: scale(0.85427); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.93907s !important; | |
| } | |
| /* line 254, ../../../../../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: 531px; | |
| animation: rain 1.41664s linear infinite; | |
| transform: scale(0.89217); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.69763s !important; | |
| } | |
| /* line 254, ../../../../../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: 580px; | |
| animation: rain 0.59367s linear infinite; | |
| transform: scale(0.84632); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.3684s !important; | |
| } | |
| /* line 254, ../../../../../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: 209px; | |
| animation: rain 1.27664s linear infinite; | |
| transform: scale(0.94738); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.76212s !important; | |
| } | |
| /* line 254, ../../../../../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: 166px; | |
| animation: rain 0.8467s linear infinite; | |
| transform: scale(0.92404); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.85795s !important; | |
| } | |
| /* line 254, ../../../../../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: 178px; | |
| animation: rain 0.878s linear infinite; | |
| transform: scale(0.82971); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.92999s !important; | |
| } | |
| /* line 254, ../../../../../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: 157px; | |
| animation: rain 0.69697s linear infinite; | |
| transform: scale(0.99455); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.62936s !important; | |
| } | |
| /* line 254, ../../../../../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: 644px; | |
| animation: rain 0.56892s linear infinite; | |
| transform: scale(1.07095); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.43904s !important; | |
| } | |
| /* line 254, ../../../../../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: 229px; | |
| animation: rain 1.20312s linear infinite; | |
| transform: scale(1.00617); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.62907s !important; | |
| } | |
| /* line 254, ../../../../../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: 139px; | |
| animation: rain 0.80187s linear infinite; | |
| transform: scale(0.98954); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.11841s !important; | |
| } | |
| /* line 254, ../../../../../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: 655px; | |
| animation: rain 0.52921s linear infinite; | |
| transform: scale(1.06203); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.27817s !important; | |
| } | |
| /* line 254, ../../../../../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: 235px; | |
| animation: rain 0.71894s linear infinite; | |
| transform: scale(0.93528); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.57771s !important; | |
| } | |
| /* line 254, ../../../../../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: 107px; | |
| animation: rain 0.52686s linear infinite; | |
| transform: scale(0.96168); | |
| animation-fill-mode: backwards; | |
| animation-delay: 2.40665s !important; | |
| } | |
| /* line 254, ../../../../../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: 184px; | |
| animation: rain 1.48657s linear infinite; | |
| transform: scale(0.89375); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.34907s !important; | |
| } | |
| /* line 254, ../../../../../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: 317px; | |
| animation: rain 1.37266s linear infinite; | |
| transform: scale(1.025); | |
| animation-fill-mode: backwards; | |
| animation-delay: 0.50855s !important; | |
| } | |
| /* line 254, ../../../../../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: 182px; | |
| animation: rain 1.48574s linear infinite; | |
| transform: scale(0.93419); | |
| animation-fill-mode: backwards; | |
| animation-delay: 1.04238s !important; | |
| } | |
| /* line 263, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
| #rainswitch { | |
| display: none; | |
| } | |
| /* line 267, ../../../../../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 271, ../../../../../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 275, ../../../../../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; | |
| } | |
| /* line 284, ../../../../../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:nth-child(1) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.87072) rotate(86deg); | |
| animation: rain 1.98383s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(2) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.85069) rotate(95deg); | |
| animation: rain 1.83823s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(3) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.9544) rotate(92deg); | |
| animation: rain 1.90734s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(4) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.97693) rotate(95deg); | |
| animation: rain 1.77898s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(5) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.9106) rotate(93deg); | |
| animation: rain 1.72874s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(6) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.95725) rotate(91deg); | |
| animation: rain 2.28366s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(7) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.8017) rotate(88deg); | |
| animation: rain 1.51177s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(8) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.87431) rotate(88deg); | |
| animation: rain 2.41498s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(9) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.92928) rotate(89deg); | |
| animation: rain 2.17969s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(10) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.03226) rotate(90deg); | |
| animation: rain 1.59264s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(11) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.94305) rotate(94deg); | |
| animation: rain 1.67012s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(12) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.92998) rotate(90deg); | |
| animation: rain 2.49902s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(13) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.81568) rotate(94deg); | |
| animation: rain 2.35699s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(14) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.07996) rotate(92deg); | |
| animation: rain 1.65828s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(15) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.07286) rotate(86deg); | |
| animation: rain 1.68891s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(16) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.99356) rotate(86deg); | |
| animation: rain 1.91535s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(17) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.06611) rotate(91deg); | |
| animation: rain 2.3133s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(18) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.05813) rotate(92deg); | |
| animation: rain 2.46484s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(19) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.05506) rotate(95deg); | |
| animation: rain 1.55193s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(20) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.95039) rotate(92deg); | |
| animation: rain 1.64423s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(21) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.96295) rotate(86deg); | |
| animation: rain 1.83477s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(22) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.88692) rotate(95deg); | |
| animation: rain 1.87215s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(23) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.86704) rotate(87deg); | |
| animation: rain 1.80121s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(24) { | |
| /*coin rain attributes here*/ | |
| transform: scale(0.98402) rotate(95deg); | |
| animation: rain 2.3365s linear infinite; | |
| } | |
| /* line 284, ../../../../../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:nth-child(25) { | |
| /*coin rain attributes here*/ | |
| transform: scale(1.07358) rotate(89deg); | |
| animation: rain 1.68473s linear infinite; | |
| } | |
| /* line 290, ../../../../../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; | |
| } | |
| /* line 300, ../../../../../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:nth-child(26) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.10468s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(27) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.02724s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(28) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.56388s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(29) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.56698s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(30) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.67199s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(31) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.26108s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(32) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.58512s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(33) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.97769s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(34) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.0713s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(35) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.185s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(36) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.56089s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(37) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.72691s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(38) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.25363s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(39) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.04252s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(40) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.92821s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(41) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.1467s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(42) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.97597s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(43) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.33576s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(44) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.04522s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(45) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.72419s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(46) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.83337s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(47) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.15024s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(48) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.02901s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(49) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 4.96906s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* line 300, ../../../../../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:nth-child(50) { | |
| /*dollar bill rain attributes here*/ | |
| animation: rain 3.30564s linear infinite, sway 3s linear alternate infinite; | |
| } | |
| /* ========================================================================== | |
| PARTICLE-RELATED STYLES & ANIMATION | |
| ========================================================================== */ | |
| /* line 311, ../../../../../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 319, ../../../../../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 326, ../../../../../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 332, ../../../../../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 340, ../../../../../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 348, ../../../../../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 356, ../../../../../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 364, ../../../../../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 704, ../../../../../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 714, ../../../../../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 724, ../../../../../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 734, ../../../../../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 744, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 755, ../../../../../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 763, ../../../../../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 766, ../../../../../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 770, ../../../../../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 773, ../../../../../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 777, ../../../../../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 780, ../../../../../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 784, ../../../../../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 787, ../../../../../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 791, ../../../../../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 794, ../../../../../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 798, ../../../../../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 807, ../../../../../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 890, ../../../../../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: 300px; | |
| left: 600px; | |
| -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: 3s, 3s; | |
| animation-delay: 6s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 400px; | |
| -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: 0s, 0s; | |
| animation-delay: 12s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 50px; | |
| -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: 8s, 0s; | |
| animation-delay: 5s, 4s; | |
| } | |
| /* line 890, ../../../../../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: 250px; | |
| left: 150px; | |
| -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: 15s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 150px; | |
| left: 650px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| -webkit-animation-delay: 0s, 3s; | |
| animation-delay: 13s, 4s; | |
| } | |
| /* line 890, ../../../../../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: 300px; | |
| left: 450px; | |
| -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: 15s, 2s; | |
| animation-delay: 0s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 600px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| -webkit-animation-delay: 7s, 1s; | |
| animation-delay: 10s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 350px; | |
| left: 700px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| -webkit-animation-delay: 10s, 2s; | |
| animation-delay: 3s, 4s; | |
| } | |
| /* line 890, ../../../../../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: 400px; | |
| left: 250px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| -webkit-animation-delay: 4s, 1s; | |
| animation-delay: 9s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 300px; | |
| -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: 7s, 4s; | |
| animation-delay: 6s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 100px; | |
| left: 300px; | |
| -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: 6s, 4s; | |
| animation-delay: 14s, 2s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 600px; | |
| -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: 3s, 3s; | |
| animation-delay: 7s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 100px; | |
| left: 300px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| -webkit-animation-delay: 6s, 0s; | |
| animation-delay: 4s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 350px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
| -webkit-animation-delay: 2s, 1s; | |
| animation-delay: 15s, 2s; | |
| } | |
| /* line 890, ../../../../../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: 350px; | |
| left: 100px; | |
| -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: 15s, 2s; | |
| animation-delay: 12s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 700px; | |
| -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: 11s, 0s; | |
| animation-delay: 1s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 100px; | |
| left: 300px; | |
| -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: 15s, 4s; | |
| animation-delay: 14s, 4s; | |
| } | |
| /* line 890, ../../../../../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: 200px; | |
| left: 100px; | |
| -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: 15s, 4s; | |
| animation-delay: 4s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 150px; | |
| left: 50px; | |
| -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: 12s, 0s; | |
| animation-delay: 12s, 4s; | |
| } | |
| /* line 890, ../../../../../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: 500px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| -webkit-animation-delay: 5s, 2s; | |
| animation-delay: 2s, 2s; | |
| } | |
| /* line 890, ../../../../../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: 400px; | |
| left: 250px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
| -webkit-animation-delay: 5s, 2s; | |
| animation-delay: 4s, 1s; | |
| } | |
| /* line 890, ../../../../../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: 300px; | |
| left: 500px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; | |
| -webkit-animation-delay: 9s, 2s; | |
| animation-delay: 14s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 700px; | |
| -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: 4s, 3s; | |
| animation-delay: 7s, 0s; | |
| } | |
| /* line 890, ../../../../../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: 250px; | |
| left: 550px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| -webkit-animation-delay: 5s, 1s; | |
| animation-delay: 2s, 3s; | |
| } | |
| /* line 890, ../../../../../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: 250px; | |
| left: 350px; | |
| -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: 3s, 0s; | |
| animation-delay: 9s, 0s; | |
| } | |
| /* line 890, ../../../../../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: 550px; | |
| -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: 1s, 0s; | |
| } | |
| /* line 890, ../../../../../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: 150px; | |
| left: 600px; | |
| -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: 10s, 3s; | |
| animation-delay: 0s, 2s; | |
| } | |
| /* line 890, ../../../../../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: 150px; | |
| -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: 1s, 3s; | |
| animation-delay: 0s, 2s; | |
| } | |
| /* line 890, ../../../../../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: 350px; | |
| left: 550px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
| -webkit-animation-delay: 12s, 4s; | |
| animation-delay: 2s, 0s; | |
| } | |
| /* line 890, ../../../../../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: 650px; | |
| -webkit-animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; | |
| -webkit-animation-delay: 13s, 3s; | |
| animation-delay: 6s, 1s; | |
| } | |
| /*# sourceMappingURL=midterm.css.map */ |