html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}img{max-width:100%;height:auto}.row{display:flex;justify-content:space-evenly;width:100%;background:#f7f7ff;font-family:'Red Hat Text',sans-serif}.row hr{width:100%;margin:1rem 0}.column{display:flex;flex-direction:column;align-self:center;max-width:512px}.hero{height:100vh;justify-content:center;text-align:center}.hero .profile-pic-container{align-self:center;width:200px;height:200px}.hero .profile-pic-container img{align-self:center}.hero h1{padding-top:1rem}.hero .sweetness{display:none}@media screen and (min-width:600px){.hero .sweetness{display:block}}.hero .sweetness .sugar{font-style:italic}.hero .social-links-container img{margin:0 1rem}.question-answer-row{height:512px;line-height:2rem}.question h3{padding:.5rem;font-family:"Roboto Mono",Monaco,monospace}.answer p{padding:.5rem}.question-answer-row.programmer-matt{flex-flow:row wrap;background:#495867;color:#f7f7ff;border-bottom:1px solid #f7f7ff}.question-answer-row.programmer-matt ::-moz-selection{color:#495867;background:rgba(254,95,85,0.99)}.question-answer-row.programmer-matt ::selection{color:#495867;background:rgba(254,95,85,0.99)}.question-answer-row.programmer-matt .answer{align-self:start}@media screen and (min-width:600px){.question-answer-row.programmer-matt .answer{align-self:center}}.question-answer-row.human-matt{background:#fe5f55;color:#f7f7ff;flex-flow:row-reverse wrap}.question-answer-row.human-matt ::-moz-selection{color:#fe5f55;background:rgba(73,88,103,0.99)}.question-answer-row.human-matt ::selection{color:#fe5f55;background:rgba(73,88,103,0.99)}::-moz-selection{color:#f7f7ff;background:#fe5f55}::selection{color:#f7f7ff;background:#fe5f55}@media screen and (min-width:600px){.column.hero .social-links-container img:hover{animation:shake .75s;animation-iteration-count:infinite}}.caret{animation:blink-animation 1s steps(2,start) infinite;-webkit-animation:blink-animation 1s steps(2,start) infinite}.scene{display:flex;align-self:center;width:200px;height:200px;perspective:600px}.card{width:100%;height:100%;position:relative;transition:transform 1s;transform-origin:center right;transform-style:preserve-3d}.card-face{position:absolute;height:100%;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face.back{transform:rotateY(180deg)}.card.is-flipped{transform:translateX(-100%) rotateY(-180deg)}@-moz-keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-1px,0) rotate(1deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,1px) rotate(0)}100%{transform:translate(1px,-1px) rotate(-1deg)}}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-1px,0) rotate(1deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,1px) rotate(0)}100%{transform:translate(1px,-1px) rotate(-1deg)}}@-o-keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-1px,0) rotate(1deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,1px) rotate(0)}100%{transform:translate(1px,-1px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(-1px,0) rotate(1deg)}30%{transform:translate(1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0)}70%{transform:translate(1px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,1px) rotate(0)}100%{transform:translate(1px,-1px) rotate(-1deg)}}@-moz-keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}@-o-keyframes blink-animation{to{visibility:hidden}}@keyframes blink-animation{to{visibility:hidden}}