Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Image {
- background-position: center top;
- animation: FadeIn 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Time .Digital > h1 {
- margin-left: -0.075em;
- font-size: 17em;
- font-weight: 100;
- animation: SplashPaperIntroFadeMore 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Time hr {
- border-top: 0px;
- margin: -20px;
- }
- .Time > h3 {
- margin-top: -0.5em;
- margin-bottom: 9em;
- animation: SplashPaperIntroFade 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Greeting {
- animation: SplashPaperIntroFadeMore 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Quote {
- animation: SplashPaperIntroFade 1s cubic-bezier(0.075, 0.82, 0.165, 1);
- }
- .Widgets > .container {
- text-align: left;
- }
- .Widgets {
- text-align: left;
- justify-content: flex-start;
- padding-left: 6%;
- padding-right: 6%;
- }
- @media only screen
- and (max-width : 1800px) {
- .Time .Digital > h1 {
- font-size: 8em;
- margin-bottom: 0.1em;
- }
- .Time > h3 {
- margin-bottom: 6em;
- }
- .Greeting {font-size: 0.7em;}
- .Quote {font-size: 0.7em;}
- }
- @keyframes SplashPaperIntroFade {
- from {
- transform: translateY(50%);
- opacity: 0;
- }
- to {
- }
- }
- @keyframes SplashPaperIntroFadeMore {
- from {
- transform: translateY(75%);
- opacity: 0;
- }
- to {
- }
- }
- @keyframes FadeIn {
- from {
- opacity: 0;
- }
- to {
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement