diff --git a/assets/styles.css b/assets/styles.css index 358a04a..14a890a 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Merriweather);@keyframes levitation{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-bob-float{to{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.container,.main,.root,body,html{height:100%}body{background-color:#41c0a8;margin:0}.container{max-width:80vw;margin:0 auto}.about,.main{display:flex;flex-direction:column}.about{min-height:100vh;justify-content:center;font-family:Merriweather,serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.about h1{font-size:36px}.about h1 .emphasis{display:block;font-size:56px;font-weight:700}@media (min-width:601px){.about h1 .emphasis{display:inline}}.about blockquote{font-size:18px;line-height:1.5;margin-left:0;margin-right:0}@media (min-width:601px){.about blockquote{max-width:80%;font-size:24px}}.portfolio h1{font-family:Merriweather,serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.portfolio__content{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.portfolio__item{cursor:pointer;color:#fff;font-family:Helvetica Neue;text-transform:uppercase;border:5px solid #fff;padding:10px 26px;margin-bottom:20px;text-align:center;transform:translateY(6px);transition:color,background .3s}.portfolio__item:hover{animation-name:hvr-bob-float,levitation;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate;animation-timing-function:ease-out,ease-in-out;color:#41c0a8;background-color:#fff} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Merriweather);@keyframes levitation{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-bob-float{to{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.container,.main,.root,body,html{height:100%}body{background-color:#41c0a8;margin:0}.container{max-width:80vw;margin:0 auto}.about,.main{display:flex;flex-direction:column}.about{min-height:100vh;justify-content:center;font-family:Merriweather,serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.about h1{font-size:36px}.about h1 .emphasis{display:block;font-size:56px;font-weight:700}@media (min-width:740px){.about h1 .emphasis{display:inline}}.about blockquote{font-size:18px;line-height:1.5;margin-left:0;margin-right:0}@media (min-width:740px){.about blockquote{max-width:80%;font-size:24px}}.portfolio h1{font-family:Merriweather,serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.portfolio__content{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.portfolio__item{cursor:pointer;color:#fff;font-family:Helvetica Neue;text-transform:uppercase;border:5px solid #fff;padding:10px 26px;margin-bottom:20px;text-align:center;transform:translateY(6px);transition:color,background .3s}.portfolio__item:hover{animation-name:hvr-bob-float,levitation;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate;animation-timing-function:ease-out,ease-in-out;color:#41c0a8;background-color:#fff} \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss index ca098cf..447c7d9 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -3,7 +3,7 @@ $base-color: #41C0A8; $primary-font: 'Merriweather', serif; -$mobile-up-bottom: 601px; +$mobile-up-bottom: 740px; @mixin textTreatement { font-family: $primary-font;