{"id":14,"date":"2022-09-03T15:39:59","date_gmt":"2022-09-03T13:39:59","guid":{"rendered":"https:\/\/stephaniegrafe.de\/?page_id=14"},"modified":"2022-09-10T21:55:36","modified_gmt":"2022-09-10T19:55:36","slug":"home","status":"publish","type":"page","link":"https:\/\/stephaniegrafe.de\/","title":{"rendered":"Home"},"content":{"rendered":"<div>\n<style>\n<p>    .tm-header, .tm-header-mobile {\n        display: none;}<\/p>\n<p>    body {\n    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;   \n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items:center;\n}<\/p>\n<p>.age {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.container {\n    color: white;\n    padding: 40px;\n    display: flex;\n    flex-direction: column;\n    display: flex;\n\talign-content: center;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 200px;\n\theight: 200px;\n\tmargin: auto;\n    background: rgb(118,118,255);\n    background: linear-gradient(342deg, rgba(118,118,255,1) 0%, rgba(47,247,208,1) 100%);\n\tborder-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n\tbox-shadow: 15px 15px 50px rgba(0,0,0,0.2);\n\tanimation: morphing 20s infinite;\n\toverflow: hidden;\n    transition: all 3s ease;\n}<\/p>\n<p>.container:hover {\n    animation-play-state: paused;\n    transition: 1s;\n}<\/p>\n<p>.text {\n    display: flex;\n    flex-direction: column;\n\talign-content: center;\n\talign-items: center;\n\tjustify-content: center;\n    font-weight: 400;\n    font-size: 18px;\n}<\/p>\n<p>.hello {\n    font-weight: 600;\n    font-size: 70px;\n    border-bottom: 0px solid white;\n    transition: 0.4s;\n}\n.email {\n    margin-top: -5px;\n    transition: 0.4s;\n}\n.name {\n    padding: 20px 0 0px 0;\n    text-transform: uppercase;\n    font-size: 20px;\n    font-weight: 600;\n    letter-spacing: 2px;\n    border-bottom: 1px solid white;\n    transition: 0.4s;\n    display: none;\n}\n.title {\n    padding: 0px 0 10px 0;\n    transition: 0.4s;\n    display: none;\n}<\/p>\n<p>.hello:hover,\n.email:hover,\n.name:hover,\n.title:hover {\n    text-shadow: 0px 0px 20px white;\n    transition: 0.4s;\n}<\/p>\n<p>@keyframes morphing {\n    0% {\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n        box-shadow: 15px 15px 50px rgba(0,0,0,0.2);\n    }\n    25% { \n        border-radius: 58% 42% 75% 25% \/ 76% 46% 54% 24%;\n    }\n    50% {\n        border-radius: 50% 50% 33% 67% \/ 55% 27% 73% 45%;\n        box-shadow: -10px -5px 50px rgba(0,0,0,0.2);\n    }\n    75% {\n        border-radius: 33% 67% 58% 42% \/ 63% 68% 32% 37%;\t\t\n    }\n}<\/p>\n<\/style>\n<div class=\"page\">\n<div class=\"container\">\n<div class=\"text\">\n<div class=\"hello\">HELLO.<\/div>\n<div class=\"email\">hello@stephaniegrafe.de<\/div>\n<div class=\"name\">Stephanie Grafe<\/div>\n<div class=\"title\">UX-Design<\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"style\":\"default\",\"width\":\"\",\"vertical_align\":\"middle\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"title_breakpoint\":\"xl\",\"image_position\":\"center-center\",\"height\":\"full\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"position_sticky_breakpoint\":\"m\",\"image_position\":\"center-center\",\"media_overlay_gradient\":\"\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n    \\n    .tm-header, .tm-header-mobile {\\n        display: none;}\\n    \\n    body {\\n    font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;   \\n    display: flex;\\n    flex-direction: row;\\n    justify-content: center;\\n    align-items:center;\\n}\\n\\n.age {\\n    height: 100%;\\n    width: 100%;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n}\\n\\n.container {\\n    color: white;\\n    padding: 40px;\\n    display: flex;\\n    flex-direction: column;\\n    display: flex;\\n\\talign-content: center;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\twidth: 200px;\\n\\theight: 200px;\\n\\tmargin: auto;\\n    background: rgb(118,118,255);\\n    background: linear-gradient(342deg, rgba(118,118,255,1) 0%, rgba(47,247,208,1) 100%);\\n\\tborder-radius: 30% 70% 70% 30% \\\/ 30% 30% 70% 70%;\\n\\tbox-shadow: 15px 15px 50px rgba(0,0,0,0.2);\\n\\tanimation: morphing 20s infinite;\\n\\toverflow: hidden;\\n    transition: all 3s ease;\\n}\\n\\n.container:hover {\\n    animation-play-state: paused;\\n    transition: 1s;\\n}\\n\\n.text {\\n    display: flex;\\n    flex-direction: column;\\n\\talign-content: center;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n    font-weight: 400;\\n    font-size: 18px;\\n}\\n\\n.hello {\\n    font-weight: 600;\\n    font-size: 70px;\\n    border-bottom: 0px solid white;\\n    transition: 0.4s;\\n}\\n.email {\\n    margin-top: -5px;\\n    transition: 0.4s;\\n}\\n.name {\\n    padding: 20px 0 0px 0;\\n    text-transform: uppercase;\\n    font-size: 20px;\\n    font-weight: 600;\\n    letter-spacing: 2px;\\n    border-bottom: 1px solid white;\\n    transition: 0.4s;\\n    display: none;\\n}\\n.title {\\n    padding: 0px 0 10px 0;\\n    transition: 0.4s;\\n    display: none;\\n}\\n\\n.hello:hover,\\n.email:hover,\\n.name:hover,\\n.title:hover {\\n    text-shadow: 0px 0px 20px white;\\n    transition: 0.4s;\\n}\\n\\n\\n@keyframes morphing {\\n    0% {\\n        border-radius: 30% 70% 70% 30% \\\/ 30% 30% 70% 70%;\\n        box-shadow: 15px 15px 50px rgba(0,0,0,0.2);\\n    }\\n    25% { \\n        border-radius: 58% 42% 75% 25% \\\/ 76% 46% 54% 24%;\\n    }\\n    50% {\\n        border-radius: 50% 50% 33% 67% \\\/ 55% 27% 73% 45%;\\n        box-shadow: -10px -5px 50px rgba(0,0,0,0.2);\\n    }\\n    75% {\\n        border-radius: 33% 67% 58% 42% \\\/ 63% 68% 32% 37%;\\t\\t\\n    }\\n}\\n\\n<\\\/style>\\n\\n\n\n<div class=\\\"page\\\">    \\n\n\n<div class=\\\"container\\\">\\n    \n\n<div class=\\\"text\\\">\\n        \n\n<div class=\\\"hello\\\">HELLO.<\\\/div>\\n        \n\n<div class=\\\"email\\\">hello@stephaniegrafe.de<\\\/div>\\n        \n\n<div class=\\\"name\\\">Stephanie Grafe<\\\/div>\\n        \n\n<div class=\\\"title\\\">UX-Design<\\\/div>\\n        \\n    <\\\/div>\\n<\\\/div>\\n<\\\/div>\"}}]}]}]}],\"version\":\"2.7.22\",\"yooessentialsVersion\":\"1.7.6\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HELLO. hello@stephaniegrafe.de Stephanie Grafe UX-Design<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"folder":[],"_links":{"self":[{"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":4,"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/stephaniegrafe.de\/index.php\/wp-json\/wp\/v2\/folder?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}