/*
Theme Name: CorinnaHille LimeLife Theme
Theme URI: https://internet-online-marketing.de/
Author: Ralf Skirr
Author URI: https://ralfskirr.de/
Version: 0.2
Date: 2022.02.15
Description: Our default theme for CorinnaHille.de
Tags: html5, static, seoed, speedoptimized, awesome
*/
/* 
Browser Reset 
*/
/* Box Model Border Box Source Grant, Keith. CSS in Depth (pp. 133-134) Kindle Edition. */
:root {
  box-sizing: border-box; }

*,
::before,
::after {
  box-sizing: inherit; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* 
Helpers
*/
* {
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word; }

/* 
Variables
*/
/* 
Layout
*/
body {
  margin: 0;
  padding: 0; }

/*
Main Template Sections
*/
#wrapper {
  position: relative;
  min-height: 100vh; }

header {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%; }

main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 20px; }

footer {
  margin-top: 60px;
  padding: 0 10px; }

.container-boxed {
  /* class for flex-items */
  /* flex-basis: 1200px; */
  flex-basis: 1024px;
  padding: 20px 0; }

.container-full-width {
  /* class for flex-items */
  flex-basis: 100%;
  padding: 20px; }

.button {
  display: inline-block;
  background-color: #2faab7;
  color: #fff !important;
  font-weight: 400 !important;
  Padding: 5px 10px 5px 10px; }

.button:hover {
  background: #127f8b;
  background: linear-gradient(90deg, #127f8b 0%, #2faab7 100%);
  border-bottom: none; }

/* 
Headers
*/
.no-featured-image {
  padding-top: 600px; }

/* header with ONE line of text */
.header_line_1_1 {
  margin: 380px 20px 0 100px;
  padding: 0 24px;
  font-family: 'Lato Light',Arial,sans-serif;
  color: #fff;
  font-size: 3rem;
  text-align: center;
  display: inline-block;
  background: #54c0cb;
  background: linear-gradient(90deg, #2faab7 0%, rgba(84, 192, 203, 0.8) 100%); }

/* 
header with TWO lines of text 
*/
.header_line_1_2 {
  margin: 400px 20px 0 100px;
  padding: 0 12px;
  font-family: 'Lato Light',Arial,sans-serif;
  color: #fff;
  font-size: 3rem;
  text-align: center;
  display: inline-block;
  background: #54c0cb;
  background: linear-gradient(90deg, #2faab7 0%, rgba(84, 192, 203, 0.8) 100%); }

.header_line_2_2 {
  margin: 20px 20px 0 100px;
  padding: 0 12px;
  color: #fff;
  font-family: 'Lato Light',Arial,sans-serif;
  font-size: 3rem;
  text-align: center;
  display: inline-block;
  background: #54c0cb;
  background: linear-gradient(90deg, #2faab7 0%, rgba(84, 192, 203, 0.8) 100%); }

/* larger top margin for header text on tablet / mobile */
@media only screen and (max-width: 980px) {
  .header_line_1_1, .header_line_1_2 {
    margin-top: 240px; } }
/* smaller size for header text on tablet / mobile */
/* hide text completely on tablet / mobile */
@media only screen and (max-width: 980px) {
  .header_line_1_1, .header_line_1_2, .header_line_2_2 {
    font-size: 2rem;
    display: none; } }
@media only screen and (max-width: 480px) {
  .header_line_1_1, .header_line_1_2, .header_line_2_2 {
    font-size: 2rem;
    display: none; } }
/* 
background images for headers 
*/
/* DESKTOP header */
#front-page {
  /* index.html */
  background-image: url("https://corinnahille.de/bilder_resp/Corinna-Hille2022.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 836px;
  background-position: right top; }

#Limelife-Kosmetik {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Kosmetik.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#LimeLife-Hautpflege {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Hautpflege.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#LimeLife-Make-Up {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Make-Up.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#LimeLife-Zubehoer {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Zubehoer.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#LimeLife-BeautyGuide {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-BeautyGuide.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  background-position: center bottom; }

#limelife {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/Limelife.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#limelife-erfahrungen {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Erfahrungen.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#kontakt {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/kontakt.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#impressum {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/impressum-corinna-hille-jpg.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

#datenschutz {
  background-image: url("https://corinnahille.de/blog/../bilder_resp/datenschutz.webp");
  flex-basis: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }

/* 
TABLET header 
*/
@media only screen and (max-width: 980px) {
  #front-page {
    /* index.html */
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/Corinna-Hille2022-tablet.webp"); }

  #Limelife-Kosmetik {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Kosmetik-tablet.webp"); }

  #LimeLife-Hautpflege {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Hautpflege-tablet.webp"); }

  #LimeLife-Make-Up {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Make-Up-tablet.webp"); }

  #LimeLife-Zubehoer {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Zubehoer-tablet.webp"); }

  #LimeLife-BeautyGuide {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-BeautyGuide-tablet.webp"); }

  #limelife {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/Limelife-tablet.webp"); }

  #limelife-erfahrungen {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Erfahrungen-tablet.webp"); }

  #kontakt {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/kontakt-tablet.webp"); }

  #impressum {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/impressum-corinna-hille-tablet-jpg.webp"); }

  #datenschutz {
    height: 450px;
    background-position: center top;
    background-image: url("https://corinnahille.de/blog/../bilder_resp/datenschutz-tablet.webp"); } }
/* 
MOBILE header with different images
*/
@media only screen and (max-width: 480px) {
  #front-page {
    /* index.html */
    background-image: url("https://corinnahille.de/blog/../bilder_resp/Corinna-Hille2022-mobile.webp");
    height: 300px;
    background-position: center; }

  #Limelife-Kosmetik {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Kosmetik-mobile.webp");
    height: 300px;
    background-position: center; }

  #LimeLife-Hautpflege {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Hautpflege-mobile.webp");
    height: 300px;
    background-position: center; }

  #LimeLife-Make-Up {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Make-Up-mobile.webp");
    height: 300px;
    background-position: center; }

  #LimeLife-Zubehoer {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Zubehoer-mobile.webp");
    height: 300px;
    background-position: center; }

  #LimeLife-BeautyGuide {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-BeautyGuide-mobile.webp");
    height: 300px;
    background-position: center; }

  #limelife {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/Limelife-mobile.webp");
    height: 300px;
    background-position: center; }

  #limelife-erfahrungen {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/LimeLife-Erfahrungen-mobile.webp");
    height: 300px;
    background-position: center; }

  #kontakt {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/kontakt-mobile.webp");
    height: 300px;
    background-position: center; }

  #impressum {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/impressum-corinna-hille-mobile-jpg.webp");
    height: 300px;
    background-position: center; }

  #datenschutz {
    background-image: url("https://corinnahille.de/blog/../bilder_resp/datenschutz-mobile.webp");
    height: 300px;
    background-position: center; } }
/* 
Typography
*/
@font-face {
  /* body font */
  font-family: 'Red Hat Text';
  font-display: swap;
  src: local("RedHatText-Regular"), url("../fonts/Red_Hat_Text/RedHatText-Regular.ttf"); }
@font-face {
  /* headline font serif */
  font-family: 'Arapey';
  font-display: swap;
  src: local("Arapey-Italic"), url("../fonts/Arapey/Arapey-Italic.ttf"); }
@font-face {
  /* headline font sans serif */
  font-family: 'Lato Light';
  font-display: swap;
  src: local("Lato-Light"), url("../fonts/Lato/Lato-Light.ttf"); }
body {
  font-family: 'Red Hat Text', sans-serif;
  color: #333;
  font-size: 20px;
  /*  line-height: 1.75; */
  line-height: 1.6; }

/*
nav {
  color:#373230;
  font-size: 12px;
}
*/
h1, h2, h3, h4, h5 {
  font-family: 'Lato Light',Arial,sans-serif;
  font-weight: 300;
  color: #333;
  /* #2faab7  */
  margin: 3rem 0 1.38rem;
  line-height: 1.3;
  letter-spacing: .8px;
  text-transform: uppercase; }

h1 {
  font-size: 3.052rem; }

h2 {
  font-size: 2.441rem; }

h3 {
  font-size: 1.953rem; }

h4 {
  font-size: 1.563rem; }

h5 {
  font-size: 1.25rem; }

p, ol, ul, li {
  margin-bottom: 1rem; }

main a:link, main a:visited {
  color: #2faab7;
  text-decoration: none;
  font-weight: 700; }

main a:hover, main a:active {
  border-bottom: solid 1px;
  /* affects image links */
  /* text-decoration: underline; */ }

.headline-serif {
  font-family: 'Arapey',Georgia,serif;
  text-transform: none; }

/*
MOBILE 
*/
@media only screen and (max-width: 768px) {
  body {
    line-height: 1.4; }
    body h1 {
      font-size: 1.953rem; }
    body h2 {
      font-size: 1.563rem; }
    body h3 {
      font-size: 1.253rem; }
    body h4 {
      font-size: 1.25rem; }
    body h5 {
      font-size: 1.25rem; } }
/* 
Animations
*/
/* combined animation with slide-up, fade-in and blur */
.animatein-fade-blur {
  -webkit-animation: animatein-fade-blur 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: animatein-fade-blur 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@-webkit-keyframes animatein-fade-blur {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes animatein-fade-blur {
  0% {
    -webkit-transform: translateY(-10x);
    transform: translateY(-10px);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
/* combined animation with slide-up, fade-in and blur */
.animate-in {
  -webkit-animation: animate-in 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
  animation: animate-in 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both; }

@-webkit-keyframes animate-in {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    /*
      -webkit-filter: blur(30px);
    filter: blur(30px); */ }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    /* -webkit-filter: blur(0);
    filter: blur(0); */ } }
@keyframes animate-in {
  0% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    /* -webkit-filter: blur(30px);
    filter: blur(30px); */ }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    /* -webkit-filter: blur(0);
    filter: blur(0); */ } }
.animate-in-2 {
  -webkit-animation: animate-in-2 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  animation: animate-in-2 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both; }

@-webkit-keyframes animate-in-2 {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes animate-in-2 {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
.animate-in-3 {
  -webkit-animation: animate-in-3 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
  animation: animate-in-3 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both; }

@-webkit-keyframes animate-in-3 {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes animate-in-3 {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
/* individual animations */
.fade-in {
  -webkit-animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both; }

@-webkit-keyframes sfade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.slide-up {
  -webkit-animation: slide-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: slide-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both; }

@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slide-up {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.blur {
  -webkit-animation: blur 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
  animation: blur 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both; }

@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes blur {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
/* 
Cards
*/
.card_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: stretch; }

.card_left {
  width: 379px;
  margin: 30px 0;
  padding: 40px;
  border: 1px solid #fff;
  text-align: center;
  transition: 0.7s; }

.card_inside {
  width: 379px;
  margin: 30px 0;
  padding: 40px;
  border: 1px solid #fff;
  text-align: center;
  transition: 0.7s;
  margin: 30px 30px; }

.card_right {
  width: 379px;
  margin: 30px 0;
  padding: 40px;
  border: 1px solid #fff;
  text-align: center;
  transition: 0.7s; }

.card_wrapper img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.card_left:hover, .card_inside:hover, .card_right:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 21px 32px 0px;
  border: 1px solid #2faab7;
  background-color: #FFF9F5; }