body{background:#fff}body .footer,body .header{background:#f2f2f2}body .app{background:#e6e6e6}body section{text-align:center;padding:5px;margin:15px;border:1px solid #333;border-radius:4px;-webkit-box-shadow:0 7.5px 7.5px rgba(0,0,0,.12);box-shadow:0 7.5px 7.5px rgba(0,0,0,.12)}body section h1{color:red;padding-right:1rem}body section .app__search-box input{background:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.5em;font-style:italic;text-align:center;width:100%}@media (min-width:840px){body section .app__content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}body section .app__content .app__joke{display:block}@media (min-width:840px){body section .app__content .app__joke{display:-ms-flexbox;display:flex}}@media (min-width:840px){body section .app__content .app__experiences{min-width:30%}}@media (min-width:840px){body section .app__content .app__experiences .app__exp{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:wrap;flex-flow:wrap}}body section .app__content div{padding:5px;margin:10px}@media (min-width:840px){body section .app__content div{border:1px solid #333;border-radius:4px;-webkit-box-shadow:0 10px 10px rgba(0,0,0,.12);box-shadow:0 10px 10px rgba(0,0,0,.12)}}body section .footer__copy{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}