body,html{padding:0;margin:0;height:100%;width:100%}#my-canvas{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:flex-end;padding:0;margin:0;height:100%;width:100%}.text-box{width:400px;padding-right:20%;padding-bottom:15%;color:#faebd7;font-family:Aboreto,cursive}.text-box h1{font-size:96px;padding-bottom:5px;margin-bottom:0}.text-box h3{position:absolute;top:10%;left:0;font-size:15px;color:#fff3}.text-box a{padding-left:10px;font-size:12px}.text-box .typewriter{font-size:18px;padding-left:10px}@media only screen and (max-width: 560px){.text-box{display:flex;flex-flow:column wrap;justify-content:center;padding-right:0%}.text-box h1{font-size:76px;text-align:center}.text-box .typewriter{padding-left:0;font-size:12px;text-align:center}#my-canvas{flex-direction:column;justify-content:flex-end;align-items:center}}