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.
1102 lines (1000 sloc)
37.2 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 114, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ | |
#info3 { | |
background-color: pink; | |
} | |
/* line 118, ../../../../../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 124, ../../../../../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 134, ../../../../../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 141, ../../../../../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 147, ../../../../../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; | |
opacity: .5; | |
font-size: 9pt; | |
margin: 0 5px; | |
} | |
/* ========================================================================== | |
PARTICLE-RELATED STYLES & ANIMATION | |
========================================================================== */ | |
/* line 159, ../../../../../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/2; | |
position: relative; | |
} | |
/* line 167, ../../../../../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 174, ../../../../../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 180, ../../../../../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 188, ../../../../../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 196, ../../../../../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 204, ../../../../../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 212, ../../../../../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; | |
} | |
@-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 534, ../../../../../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 544, ../../../../../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 554, ../../../../../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 564, ../../../../../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 574, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 585, ../../../../../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 593, ../../../../../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 596, ../../../../../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 600, ../../../../../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 603, ../../../../../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 607, ../../../../../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 610, ../../../../../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 614, ../../../../../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 617, ../../../../../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 621, ../../../../../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 624, ../../../../../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 628, ../../../../../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 637, ../../../../../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 720, ../../../../../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: 50px; | |
left: 550px; | |
-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: 7s, 4s; | |
animation-delay: 2s, 2s; | |
} | |
/* line 720, ../../../../../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: 300px; | |
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: 10s, 3s; | |
animation-delay: 11s, 0s; | |
} | |
/* line 720, ../../../../../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: 400px; | |
left: 500px; | |
-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: 7s, 1s; | |
animation-delay: 4s, 1s; | |
} | |
/* line 720, ../../../../../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: 300px; | |
left: 700px; | |
-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, 3s; | |
animation-delay: 14s, 3s; | |
} | |
/* line 720, ../../../../../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: 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: 12s, 2s; | |
animation-delay: 6s, 4s; | |
} | |
/* line 720, ../../../../../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: 200px; | |
left: 350px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; | |
-webkit-animation-delay: 2s, 1s; | |
animation-delay: 5s, 3s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
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: 12s, 4s; | |
animation-delay: 14s, 2s; | |
} | |
/* line 720, ../../../../../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: 200px; | |
left: 600px; | |
-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: 14s, 2s; | |
animation-delay: 9s, 3s; | |
} | |
/* line 720, ../../../../../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: 50px; | |
-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, 4s; | |
animation-delay: 9s, 3s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
left: 250px; | |
-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: 12s, 0s; | |
animation-delay: 10s, 2s; | |
} | |
/* line 720, ../../../../../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: 600px; | |
-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: 2s, 2s; | |
animation-delay: 7s, 0s; | |
} | |
/* line 720, ../../../../../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: 50px; | |
left: 50px; | |
-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: 15s, 3s; | |
animation-delay: 0s, 4s; | |
} | |
/* line 720, ../../../../../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: 300px; | |
left: 50px; | |
-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: 3s, 0s; | |
animation-delay: 15s, 2s; | |
} | |
/* line 720, ../../../../../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: 150px; | |
left: 500px; | |
-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: 13s, 2s; | |
animation-delay: 4s, 1s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
-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: 8s, 0s; | |
animation-delay: 14s, 1s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
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: 6s, 2s; | |
animation-delay: 8s, 0s; | |
} | |
/* line 720, ../../../../../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: 200px; | |
left: 600px; | |
-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: 1s, 3s; | |
animation-delay: 13s, 4s; | |
} | |
/* line 720, ../../../../../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: 350px; | |
left: 700px; | |
-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: 10s, 1s; | |
animation-delay: 14s, 0s; | |
} | |
/* line 720, ../../../../../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: 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, 3s; | |
animation-delay: 8s, 3s; | |
} | |
/* line 720, ../../../../../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: 300px; | |
left: 400px; | |
-webkit-animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; | |
animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; | |
-webkit-animation-delay: 10s, 4s; | |
animation-delay: 0s, 2s; | |
} | |
/* line 720, ../../../../../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: 350px; | |
left: 300px; | |
-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: 2s, 3s; | |
animation-delay: 3s, 4s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
left: 100px; | |
-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: 2s, 3s; | |
animation-delay: 0s, 1s; | |
} | |
/* line 720, ../../../../../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: 300px; | |
left: 450px; | |
-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: 15s, 0s; | |
animation-delay: 11s, 1s; | |
} | |
/* line 720, ../../../../../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: 350px; | |
left: 500px; | |
-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: 9s, 2s; | |
animation-delay: 0s, 2s; | |
} | |
/* line 720, ../../../../../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: 250px; | |
-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: 13s, 3s; | |
animation-delay: 14s, 1s; | |
} | |
/* line 720, ../../../../../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: 100px; | |
left: 600px; | |
-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: 15s, 3s; | |
animation-delay: 6s, 1s; | |
} | |
/* line 720, ../../../../../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: 400px; | |
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: 9s, 3s; | |
animation-delay: 11s, 3s; | |
} | |
/* line 720, ../../../../../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: 200px; | |
left: 200px; | |
-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: 9s, 1s; | |
animation-delay: 9s, 2s; | |
} | |
/* line 720, ../../../../../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: 50px; | |
left: 350px; | |
-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: 2s, 3s; | |
animation-delay: 9s, 0s; | |
} | |
/* line 720, ../../../../../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: 100px; | |
left: 600px; | |
-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: 2s, 3s; | |
} | |
/*# sourceMappingURL=midterm.css.map */ |