*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#fff;color:#2d2d2e}h1,h2,h3,h4,h5,h6{color:#fff}a{color:#17d4fc;transition:color .35s;text-decoration:none}a:hover{color:#fff}code{font-family:monospace,monospace;font-size:1em;color:rgba(45,45,46,.8)}pre{overflow:auto}pre code{font-size:.8em}::selection{background:rgba(45,45,46,.25)}::-moz-selection{background:rgba(45,45,46,.25)}.post-meta{border-bottom:dashed 1px gray;margin-bottom:15px;padding-bottom:5px;color:#999}a.posts-list-item-title{font-weight:700;font-size:larger}.posts-list-item-description{color:#999;font-style:italic}.app-header{padding:2.5em;background:#055bc4;background-image:url(/baseimages/geeking-out-bg.jpg);background-repeat:repeat-x;border:0;text-align:center;font-size:small}.app-header-avatar{max-width:10rem;max-height:10rem;border-radius:100%;border:.5rem solid #17d4fc}.app-author-avatar{float:left;margin-right:10px;max-width:3rem;max-height:3rem;border-radius:100%;border:2px solid #0234d2}.app-header-logo{margin-left:auto;margin-right:auto}.app-container{padding:2.5rem}.app-container h1{color:#000}.app-header-social{font-size:4em;line-height:1em;color:#fff}.app-header-social a{margin:0 .2em}.app-container a{color:blue}@media(min-width:940px){.app-header-avatar{max-width:7rem;max-height:7rem;border-radius:100%;border:.5rem solid #17d4fc}.app-header h1{font-size:large}.app-header p{font-size:small}.app-header{position:fixed;top:0;left:0;width:15rem;min-height:100vh;max-height:auto;transition:top .3s}.app-container{max-width:65rem;margin-left:15rem}.app-container a{color:blue}}.error-404{text-align:center}.error-404-title{text-transform:uppercase}.icon{display:block-inline;width:1em;height:1em;vertical-align:-.125em}.pagination{display:block;list-style:none;padding:0;font-size:.8em;text-align:center;margin:3em 0}.page-item{display:inline-block}.page-item .page-link{display:block;padding:.285em .8em}.page-item.active .page-link{color:#fff;border-radius:2em;background:#17d4fc}.post-title{color:#2d2d2e}.authorname{font-weight:700;font-size:larger;color:#000;margin-bottom:2px}.authorinfo{width:400px;height:70px;vertical-align:middle}.pubinfo{margin-top:0;font-size:small}.authorname img{margin-top:5px;border-radius:4px}.authorname img:hover{filter:brightness(300%)}.post-content pre{border-left:.4em solid rgba(23,212,252,.8);padding-left:1em}.post-content img{max-width:100%}.post-meta{font-size:.8em}.posts-list{padding:0}.posts-list-item{list-style:none;padding:.4em 0}.posts-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}.posts-list-item-description{display:block;font-size:.8em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:color .35s,background .35s}.tag:hover{transition:color .25s,background .05s;background:rgba(255,255,255,.3)}html{font-family:open sans,roboto,Helvetica,Arial,sans-serif}@media(min-width:800px){html{font-size:10px}}@media(min-width:48em){html{font-size:16px}}@media(min-width:58em){html{font-size:20px}.icon-twitter{height:15%;width:15%;margin:5px auto}.icon-youtube{height:15%;width:15%;margin:5px auto}.icon-github{height:15%;width:15%;margin:5px auto}.icon-linkedin{height:15%;width:15%;margin:5px auto}.bigheader{height:300px;width:84%;border:solid 1px #000;width:flex;background-image:url(/baseimages/learn-with-me.jpg);background-size:cover;margin-left:15rem;margin-right:5rem;padding:0;box-sizing:border-box}.bigheader h1{color:#fff;margin-top:200px;margin-left:20px;vertical-align:bottom}}div.links ul{list-style-type:none;text-align:center;padding:0;margin-top:10%}div.links li{font-size:24px;line-height:1.8}p{line-height:1.4}a:hover{text-decoration:underline}.post{margin-left:1%}.post-title{font-size:32px;color:#212121}.app-header p{font-size:15px}.app-header a{font-size:24px;line-height:1em}.app-header h1{font-size:31px;font-weight:bolder;line-height:.5em}h2{color:#212121}h3{color:#212121}h4{color:#212121}h5{color:#212121}input.subbutton{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-bottom:12px}.footertext{font-size:small;font-style:italic;color:grey}.herobanner{border:solid 1px #000;padding:20px;background-color:#8eead5;border-radius:10px;box-shadow:0 0 3px #0100ff;text-align:left;height:130px;display:block}.herobanner p{float:right;width:82%;margin-top:0;margin-bottom:10px}@media(max-width:1050px){.herobanner{display:none}.herobanner p{font-size:100%;float:right;width:52%;margin-top:0;margin-bottom:10px}}