body{font-family:"Raleway",sans-serif}body .main{margin-top:3vw}body h1{display:inline-block;margin:15vh 0 50px 0;font-size:110px;transition:margin .4s}@media screen and (max-width: 600px){body h1{font-size:19vw;margin-top:25px}}@media screen and (min-width: 650px){body h1{margin-left:5vw}}@media screen and (max-height: 500px){body h1{margin-top:0}}body h1,body #definition{-webkit-animation:slide-from-left 1s cubic-bezier(0, 0.12, 0.48, 1.39);animation:slide-from-left 1s cubic-bezier(0, 0.12, 0.48, 1.39);cursor:default}body #definition{display:inline-block;margin-left:10vw;padding:10px 10px 1px 10px;box-shadow:10px -10px 0 0 #3f88c6;color:#fff;background-color:#404040;font-size:16px}@media screen and (max-width: 850px){body #definition{transform:translateX(-50%);margin-left:50%;-webkit-animation:slide-from-left-small-width 1s cubic-bezier(0, 0.12, 0.48, 1.39);animation:slide-from-left-small-width 1s cubic-bezier(0, 0.12, 0.48, 1.39)}}@media screen and (max-width: 400px){body #definition{min-width:70vw}}body #definition .phonetics{padding-right:10px;font-family:Arial,Helvetica,sans-serif}body #container{margin:0 30px}@media screen and (max-width: 450px){body #container{margin:0}}body #container #about{display:block;margin:30px}body #container #about #welcome{font-size:24px}body #container #getLearningButton{margin:30px 0 0 60px}@media screen and (max-width: 700px){body #container #getLearningButton{margin:30px auto 0 auto}}@-webkit-keyframes slide-from-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slide-from-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@-webkit-keyframes slide-from-left-small-width{0%{transform:translateX(-100%)}100%{transform:translateX(-50%)}}@keyframes slide-from-left-small-width{0%{transform:translateX(-100%)}100%{transform:translateX(-50%)}}