body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efeff0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;width:100%}#root,body{height:100%}.no-scrollbar{-ms-overflow-style:none!important}.no-scrollbar::-webkit-scrollbar{height:0;width:0}.page-body{background-color:#f0f0f0;height:100vh;overflow:auto;position:absolute;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-container{box-sizing:border-box;cursor:pointer;display:block;font-family:Baloo Tammudu\ 2,cursive;font-size:4vmin;height:auto;line-height:1;margin:auto;overflow:hidden;padding-left:2px;padding-top:20px;white-space:nowrap;width:100%}#period{display:inline-block}#logo-letter{animation-duration:.4s;animation-iteration-count:0}#logo-letter,#logo-static{cursor:pointer;display:inline-block}.a{animation-delay:.04s}.n{animation-delay:.08s}.n_2{animation-delay:.11s}.y{animation-delay:.16s}.c{animation-delay:.18s}@media only screen and (min-device-width:481px)and (max-device-width:1024px){.logo-container{font-size:3vmax;height:50px}}@media screen and (max-width:480px){.logo-container{font-size:45px;height:65px;padding-top:15px}}.twitterContainer{height:100%;overflow:hidden;padding-top:0;transition:transform .5s ease}.twitterContainer .menu-container{display:block;font-family:Baloo Tammudu\ 2,cursive;font-size:14px;margin:auto;overflow:hidden;padding-top:10px;position:-webkit-sticky;position:sticky;width:100%}.twitterContainer .menu-container .menu-item:hover .about{text-decoration:underline;text-decoration-thickness:1px}.twitterContainer .menu-container .menu-item{border-bottom:1px solid #d2d2d2;cursor:pointer;display:inline-block;height:30px;padding-bottom:15px;padding-left:10px;padding-top:10px;width:100%}.twitterContainer .menu-container .menu-item:hover{text-decoration:underline}.twitterContainer .menu-container .menu-item:last-child{border-bottom:none}.twitterContainer .menu-container .menu-item:first-child{padding-top:0}.twitterContainer .menu-container .menu-item .info{animation-duration:.7s;animation-iteration-count:1;animation-name:wiggleWiggle;cursor:pointer;display:inline-block;height:18px;width:18px}.twitterContainer .menu-container .menu-item .blog,.twitterContainer .menu-container .menu-item .home{animation-duration:.7s;animation-iteration-count:1;animation-name:wiggleWiggle;cursor:pointer;display:inline-block;height:15px;padding-right:3px;width:15px}.twitterContainer .menu-container .menu-item .books{animation-duration:.7s;animation-iteration-count:1;animation-name:wiggleWiggle;cursor:pointer;display:inline-block;height:15px;padding-right:2px;width:15px}.twitterContainer .menu-container .menu-item .about{display:inline-block;font-size:20px;font-weight:400}.twitterContainer .close-menu{display:none}.twitterContainer .twitter-embed{height:100%;padding-bottom:0}.twitterContainer .twitter-embed #twitter-widget-0{min-width:auto!important}@keyframes wiggleWiggle{0%,10%{transform:rotateY(0deg)}25%{transform:rotateY(45deg)}50%{transform:rotateY(180deg)}90%,to{transform:rotateY(1turn)}}@keyframes pulse{0%{transform:scale(1.2)}25%{transform:scale(1)}50%{transform:scale(1.2)}75%{transform:scale(1)}to{transform:scale(1.2)}}@media screen and (max-width:480px){.twitterContainer{background-color:#ffffffe6;display:block;height:100%;position:fixed;top:0;width:100%;z-index:100}.twitterContainer .menu-container{padding-top:25%;text-align:center}.twitterContainer .menu-container .menu-item{border-bottom:none;padding-left:0}.twitterContainer .menu-container .menu-item .about{font-size:30px}.twitterContainer .close-menu{display:block;float:left;height:25px;margin-top:35px;padding-left:20px;width:25px}.twitterContainer .twitter-embed .swipe-up{bottom:40px;display:block;height:75px;position:absolute;width:100%}.twitterContainer .twitter-embed .swipe-up .swipey{animation-duration:1.5s;animation-iteration-count:2;animation-name:pulse;bottom:40px;display:block;height:30px;left:45%;position:absolute}}.socials-container{box-sizing:border-box;display:block;height:30px;margin:auto;position:relative;width:95%}.menu-anchor{background-color:#fff;cursor:pointer;display:block;float:left;height:20px;overflow:hidden;position:relative}div .menu{color:#0c0c0b;height:18px;position:relative;transition:.5s;z-index:1}.menu-animate{animation-duration:1.1s;animation-iteration-count:1;animation-name:wobble}.menu-animate-back{animation-duration:1.1s;animation-iteration-count:1;animation-name:wobbleBack}@keyframes wobble{25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}@keyframes wobbleBack{25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}a:hover .icon path{fill:#fff}div .menu{fill:#0c0c0b}a .twitter{fill:#55acee}a .linkedin{fill:#0077b5}a .twitch{fill:#6441a5}a:hover .twitter{height:15px!important;padding-top:6px!important}a:hover .linkedin{height:14px!important;padding-top:6px!important}a:hover .twitch{height:15px!important;padding-top:6px!important}@media screen and (max-width:480px){.social-bar-container{display:flex}.social-bar-container .social-mobile-home,.social-bar-container .socials-container{flex:1 1}.social-bar-container div .menu{height:25px}.social-bar-container a:hover .linkedin,.social-bar-container a:hover .twitch,.social-bar-container a:hover .twitter{height:18px!important;padding-top:6px!important}.social-bar-container .menu-anchor{background:#0000;float:right;height:20px;padding-left:5px;padding-right:5px}}.mobile-home-container{background:#fff;display:block;height:30px;position:relative;width:20%;z-index:1}.mobile-home-container .fade-enter{opacity:0}.mobile-home-container .fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.mobile-home-container .fade-exit{opacity:1}.mobile-home-container .fade-exit-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.mobile-home-container .home-logo{cursor:pointer;float:left;height:25px;padding-left:0}.preview-container{background:#fff;border-radius:5px;font-family:Baloo Thambi\ 2,cursive;font-weight:500;min-height:175px;overflow:hidden;padding:20px 20px 20px 0}.preview-container:last-child{border-bottom:none}.preview-container .preview-container-left{float:left;padding:5px;position:relative;width:calc(60% - 20px)}.preview-container .preview-container-left .preview-title{cursor:pointer;font-size:30px;padding-bottom:10px}.preview-container .preview-container-left .preview-title:hover{text-decoration:underline;text-decoration-thickness:2px}.preview-container .preview-container-left .preview-subtitle{font-size:18px;padding-bottom:10px}.preview-container .preview-container-left .preview-link .link-text{color:#00e;cursor:pointer;display:inline-block}.preview-container .preview-container-left .preview-link .link-text:hover{text-decoration:underline;text-decoration-thickness:1px}.preview-container .preview-container-right{float:right;padding:5px;position:relative;width:calc(40% - 20px)}.preview-container .preview-container-right img{align-items:center;cursor:pointer;display:block;height:250px;justify-content:center;margin:auto;max-width:475px;width:100%}@media screen and (max-width:480px){.preview-container{box-sizing:border-box;overflow:hidden;padding:0}.preview-container .preview-container-top{display:block;padding:5px;position:relative;width:100%}.preview-container .preview-container-top img{align-items:center;display:flex;justify-content:center;width:100%}.preview-container .preview-container-bot{display:block;padding:10px;position:relative;width:95%}.preview-container .preview-container-bot .preview-title{font-size:21px;padding-bottom:10px}.preview-container .preview-container-bot .preview-body{font-size:15px}.preview-container .preview-container-bot .preview-link .link-text{color:#00e;display:inline-block}}.image-info-container{bottom:0!important;left:5%!important;position:absolute!important;width:20px!important}.image-info-container .image-info{width:20px!important}.image-info-container .tooltip{background-color:#fff;border-radius:6px;bottom:20px;box-sizing:border-box;color:#000;height:175px!important;left:25px;padding:20px;position:absolute;text-align:center;visibility:hidden!important;width:400px!important;z-index:1}.image-info-container:hover .tooltip{visibility:visible!important}.image-info-container-small{bottom:0!important;left:20px!important;position:absolute!important;width:20px!important}.image-info-container-small .image-info-small{width:20px!important}.image-info-container-small .tooltip-small{background-color:#fff;border-radius:6px;bottom:20px;box-sizing:border-box;color:#000;height:80px!important;left:25px;padding:5px;position:absolute;text-align:center;visibility:hidden!important;width:250px!important;z-index:1}.image-info-container-small:hover .tooltip-small{visibility:visible!important}.feed-container{box-sizing:border-box;float:right;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:5px;width:90%}.divider{border-bottom:1px solid #d2d2d2;display:block;margin:auto;position:relative;width:95%}@media screen and (max-width:480px){.feed-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;float:none;height:calc(100% - 100px);margin:auto;overscroll-behavior:none;padding:0;position:relative;width:100%}}.home-page{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.home-page .highlight{border-radius:25px;box-sizing:border-box;float:left;height:100%;overflow:hidden;padding:5px;position:relative;width:10%}.home-page .highlight .alert-enter{opacity:0;transform:translateX(-100%)}.home-page .highlight .alert-enter-active{opacity:1;transform:translateX(0);transition:opacity .1s,transform .1s}.home-page .highlight .alert-exit{opacity:1}.home-page .highlight .alert-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .1s,transform .1s}.home-page .highlight .footer{background-color:#fff;bottom:0;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;font-size:14px;height:auto;padding-bottom:10px;padding-left:0;padding-right:5px;position:absolute;text-align:center;width:100%}.home-page .mobile-header{display:none}@media only screen and (min-device-width:481px)and (max-device-width:1024px){.home-page .highlight .footer{font-size:10px}}@media screen and (max-width:480px){.home-page{height:100vh;max-height:-webkit-fill-available;overflow:hidden;padding:10px 10px 0;z-index:1}.home-page .highlight{display:none}.home-page .mobile-header{display:block!important;position:sticky;position:-webkit-sticky;text-align:right;width:100%;z-index:1}.home-page .mobile-header .alert-mobile-enter{opacity:0;transform:translateY(-100%)}.home-page .mobile-header .alert-mobile-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.home-page .mobile-header .alert-mobile-exit{opacity:1}.home-page .mobile-header .alert-mobile-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}.no-scroll{overscroll-behavior:none}}.about-preview{box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;margin:auto;text-align:center;width:100%}.about-preview .image-preview-enter{opacity:0;transform:translateY(100%)}.about-preview .image-preview-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.about-preview .profile{border-radius:50%;box-shadow:10px 10px 5px #ccc;-moz-box-shadow:10px 10px 5px #ccc;-webkit-box-shadow:10px 10px 5px #ccc;-khtml-box-shadow:10px 10px 5px #ccc;display:block;height:300px;margin:auto}.about-preview .about-me{display:block;font-size:20px;height:100%;padding:15px 15px 30px;text-align:left}.about-preview .about-me .header{font-size:22px;font-weight:500}.about-preview .fade-enter{opacity:0}.about-preview .fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.about-preview .fade-exit{opacity:1}.about-preview .fade-exit-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}@media screen and (max-width:480px){.about-preview .profile{height:250px}}.home-container{background:#fff;display:block;height:35px;position:sticky;position:-webkit-sticky;top:0;width:100%;z-index:1}.home-container .fade-enter{opacity:0}.home-container .fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.home-container .fade-exit{opacity:1}.home-container .fade-exit-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.home-container .home-logo{cursor:pointer;height:25px;padding-left:0;padding-top:5px}@media screen and (max-width:480px){.home-container{height:0}.home-container .home-logo{display:none}}.about-page{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.about-page .alert-enter{opacity:0;transform:translateX(-100%)}.about-page .alert-enter-active{opacity:1;transform:translateX(0);transition:opacity .1s,transform .1s}.about-page .alert-exit{opacity:1}.about-page .alert-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .1s,transform .1s}.about-page .highlight{border-radius:25px;box-sizing:border-box;float:left;height:100%;overflow:hidden;padding:5px;position:relative;width:10%}.about-page .highlight .footer{background-color:#fff;bottom:0;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;font-size:14px;height:auto;padding-bottom:10px;padding-right:5px;position:absolute;text-align:center;width:100%}.about-page .about-feed{box-sizing:border-box;float:right;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:10px;width:90%}.about-page .mobile-header{display:none}@media screen and (max-width:480px){.about-page{height:100vh;max-height:-webkit-fill-available;overflow:hidden;padding:10px 10px 0;z-index:1}.about-page .highlight{display:none}.about-page .mobile-header{display:block!important;position:sticky;position:-webkit-sticky;text-align:right;width:100%;z-index:1}.about-page .mobile-header .alert-mobile-enter{opacity:0;transform:translateY(-100%)}.about-page .mobile-header .alert-mobile-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.about-page .mobile-header .alert-mobile-exit{opacity:1}.about-page .mobile-header .alert-mobile-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}.about-page .about-feed{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;float:none;height:calc(100% - 100px);margin:auto;padding:20px 0 0;position:relative;width:100%}.about-page .about-feed,.no-scroll{overscroll-behavior:none}}.blog-header-container .game-header{display:block;margin:auto;position:relative;width:80%}.cast-header{font-size:24px;text-decoration:underline}@media screen and (max-width:480px){.cast-header{font-size:18px}}.blog-page{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.blog-page .slide-enter{opacity:0;transform:translateY(20%)}.blog-page .slide-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.blog-page .slide-exit{opacity:1}.blog-page .slide-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .3s,transform .3s}.blog-page .highlight{border-radius:25px;box-sizing:border-box;float:left;height:100%;overflow:hidden;padding:5px;position:relative;width:10%}.blog-page .highlight .footer{bottom:0;font-size:14px;height:auto;padding-bottom:10px;padding-right:5px;position:absolute;text-align:center;width:100%}.blog-page .blog-body,.blog-page .highlight .footer{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive}.blog-page .blog-body{float:right;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:30px;width:90%}.blog-page .blog-body code{font-size:16px}.blog-page .blog-body .code-editor{background-color:#313440;border:1px solid #1b1c22;border-radius:5px;box-shadow:0 10px 6px -6px #000;font-family:Inconsolata,Monaco,Consolas,Courier New,Courier;font-weight:700;margin-top:15px}.blog-page .blog-body .code-editor>.tabs{background-color:#0000}.blog-page .blog-body .code-editor>.tabs>.title{word-wrap:break-word;font-size:18px;padding:5px 0 7px 5px;position:relative;text-align:center;width:60%}.blog-page .blog-body .code-editor>.tabs>.title.-red{color:#d16262}.blog-page .blog-body .code-editor>.tabs>.title.-oat{color:#dbb984}.blog-page .blog-body .code-editor>.tabs>.title.-orange{color:#e27b60}.blog-page .blog-body .code-editor>.tabs>.title.-blue{color:#75e0fd}.blog-page .blog-body .code-editor>.tabs>.title:after{background-color:#262831;border-bottom:1px solid #1b1c22;border-left:1px solid #1b1c22;color:#6e7180;content:"";height:100%;left:100%;padding-top:5px;position:absolute;top:0;width:65%}.blog-page .blog-body .code-editor>.tabs>.title>.icon{color:inherit;font-size:18px;margin-right:5px;position:relative;top:2px}.blog-page .blog-body .code-editor>.content{font-size:16px;padding:20px 0 20px 10px}.blog-page .blog-body .code-editor>.content>.lines{list-style:none;margin:0;padding:0}.blog-page .blog-body .code-editor .lines>.line ::selection{background-color:#3e4451cc}.blog-page .blog-body .code-editor .lines>.line{white-space:nowrap}.blog-page .blog-body .code-editor .lines>.line>span{word-wrap:break-word;white-space:normal}.blog-page .blog-body .code-editor .lines .linenumber{color:#414556;font-weight:400;padding:0 15px 0 0}.blog-page .blog-body .code-editor .red{color:#e06c75}.blog-page .blog-body .code-editor .purple{color:#c678dd}.blog-page .blog-body .code-editor .yellow{color:#fecf5f}.blog-page .blog-body .code-editor .orange{color:#fb8578}.blog-page .blog-body .code-editor .blue{color:#7ebaff}.blog-page .blog-body .code-editor .green{color:#98c379}.blog-page .blog-body .code-editor .light-blue{color:#75e0fd}.blog-page .blog-body .code-editor .comment{color:#5c6370;font-style:italic}.blog-page .blog-body .code-editor .white{color:#fff}.blog-page .blog-body .blog-p{box-sizing:border-box;display:block;font-size:20px;height:auto;margin:auto;padding:0 60px 10px;position:relative;width:95%}.blog-page .blog-body .blog-p .blog-list-container .blog-list-header{display:block;font-size:24px;text-align:center;text-decoration:underline}.blog-page .blog-body .blog-p .blog-list-container .blog-list{display:inline-block;margin-block-end:0;margin-block-start:0;padding-inline-start:20px}.blog-page .blog-body .blog-p .blog-list-container .blog-list ::marker{font-size:15px}.blog-page .blog-body .blog-p .blog-list-container .blog-list li{list-style:circle}.blog-page .blog-body .blog-image-container{box-sizing:border-box;display:block;height:auto;margin:auto;overflow:hidden;padding:10px 0 10px 10px;position:relative;width:100%}.blog-page .blog-body .blog-image-container .blog-image-l{display:block;height:auto;margin:auto;position:relative;width:80%}.blog-page .blog-body .blog-image-container .pad-top{padding-top:20px}.blog-page .blog-body .blog-image-container .pad-bot{padding-bottom:20px}.blog-page .blog-body .blog-title{font-size:32px;text-align:center}.blog-page .blog-body .audio-container{display:block;position:relative;width:100%}.blog-page .blog-body .audio-container audio{display:block;margin:auto;padding:10px;position:relative}.blog-page .blog-body .audio-container .audio-footer{display:block;text-align:center}.blog-page .blog-body .audio-container .audio-footer .footer-text{padding:0 10px}.blog-page .blog-body .audio-container .audio-footer .bullet-sm{font-weight:700}.blog-page .blog-body .blog-header-container{box-sizing:border-box;display:block;height:auto;margin:auto;overflow:hidden;padding:10px 0 10px 10px;position:relative;width:100%}.blog-page .blog-body .blog-header-container .blog-header{display:block;height:auto;margin:auto;position:relative;width:95%}.blog-page .blog-body .blog-sub-header{font-size:24px;padding-top:10px;text-align:center}.blog-page .blog-body .blog-center{padding:10px;text-align:center}.blog-page .mobile-header{display:none}@media screen and (max-width:480px){.blog-page{height:100vh;max-height:-webkit-fill-available;overflow:hidden;padding:10px 10px 0}.blog-page .highlight{display:none}.blog-page .blog-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;float:none;height:calc(100% - 100px);margin:auto;overscroll-behavior:none;padding:10px;width:100%}.blog-page .blog-body .blog-header-container{padding:0}.blog-page .blog-body .blog-header-container .blog-header{width:100%}.blog-page .blog-body .blog-title{font-size:20px;padding-left:0;padding-top:10px}.blog-page .blog-body code{font-size:14px}.blog-page .blog-body .code-editor>.tabs>.title{border-right:none;font-size:14px;width:100%}.blog-page .blog-body .code-editor>.tabs>.title:after{display:none}.blog-page .blog-body .code-editor>.content{font-size:12px}.blog-page .blog-body .blog-p{font-size:16px;padding:0}.blog-page .blog-body .blog-p .blog-list-container .blog-list-header{font-size:18px}.blog-page .blog-body .blog-p .blog-list-container .blog-list ::marker{font-size:12px}.blog-page .blog-body .blog-p .blog-list-header{font-size:18px;padding-left:0}.blog-page .blog-body .blog-image-container{padding:0}.blog-page .blog-body .blog-image-container .blog-image-l{width:100%}.blog-page .blog-body .blog-sub-header{font-size:18px;padding-left:0}.blog-page .mobile-header{display:block!important;position:sticky;position:-webkit-sticky;text-align:right;width:100%;z-index:1}.blog-page .mobile-header .alert-mobile-enter{opacity:0;transform:translateY(-100%)}.blog-page .mobile-header .alert-mobile-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.blog-page .mobile-header .alert-mobile-exit{opacity:1}.blog-page .mobile-header .alert-mobile-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}}.blog-preview-container{background:#fff;border-radius:5px;font-family:Baloo Thambi\ 2,cursive;font-weight:500;margin:auto;min-height:175px;overflow:hidden;padding:20px 20px 20px 10px;width:95%}.blog-preview-container .blog-preview-container-left{float:left;padding:10px;position:relative;width:calc(60% - 20px)}.blog-preview-container .blog-preview-container-left .blog-preview-title{cursor:pointer;font-size:30px;padding-bottom:10px}.blog-preview-container .blog-preview-container-left .blog-preview-title:hover{text-decoration:underline;text-decoration-thickness:2px}.blog-preview-container .blog-preview-container-left .blog-preview-subtitle{font-size:18px;padding-bottom:10px}.blog-preview-container .blog-preview-container-left .blog-preview-link .blog-link-text{color:#00e;cursor:pointer;display:inline-block}.blog-preview-container .blog-preview-container-left .blog-preview-link .blog-link-text:hover{text-decoration:underline;text-decoration-thickness:1px}.blog-preview-container .blog-preview-container-right{float:right;padding:5px;position:relative;width:calc(40% - 20px)}.blog-preview-container .blog-preview-container-right img{align-items:center;cursor:pointer;display:block;justify-content:center;margin:auto;width:100%}.first{padding-top:0}@media screen and (max-width:480px){.blog-preview-container{box-sizing:border-box;overflow:hidden;padding:0}.blog-preview-container .blog-preview-container-top{display:block;padding:5px;position:relative;width:100%}.blog-preview-container .blog-preview-container-top img{align-items:center;display:flex;justify-content:center;width:100%}.blog-preview-container .blog-preview-container-bot{display:block;padding:10px;position:relative;width:95%}.blog-preview-container .blog-preview-container-bot .blog-preview-title{font-size:21px;padding-bottom:10px}.blog-preview-container .blog-preview-container-bot .blog-preview-body{font-size:15px}.blog-preview-container .blog-preview-container-bot .blog-preview-link .blog-link-text{color:#00e;display:inline-block}}.blog-container{box-sizing:border-box;float:right;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:10px;width:90%}.blogs-divider{border-bottom:1px solid #d2d2d2;display:block;margin:auto;position:relative;width:90%}@media screen and (max-width:480px){.blog-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;float:none;height:calc(100% - 100px);margin:auto;overscroll-behavior:none;padding:0;position:relative;width:100%}}.blogs-page{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.blogs-page .blog-highlight{border-radius:25px;box-sizing:border-box;float:left;height:100%;overflow:hidden;padding:5px;position:relative;width:10%}.blogs-page .blog-highlight .alert-enter{opacity:0;transform:translateX(-100%)}.blogs-page .blog-highlight .alert-enter-active{opacity:1;transform:translateX(0);transition:opacity .1s,transform .1s}.blogs-page .blog-highlight .alert-exit{opacity:1}.blogs-page .blog-highlight .alert-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .1s,transform .1s}.blogs-page .blog-highlight .footer{background-color:#fff;bottom:0;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;font-size:14px;height:auto;padding-bottom:10px;padding-left:0;padding-right:5px;position:absolute;text-align:center;width:100%}.blogs-page .mobile-header{display:none}@media only screen and (min-device-width:481px)and (max-device-width:1024px){.blogs-page .blog-highlight .footer{font-size:10px}}@media screen and (max-width:480px){.blogs-page{height:100vh;max-height:-webkit-fill-available;overflow:hidden;padding:10px 10px 0;z-index:1}.blogs-page .blog-highlight{display:none}.blogs-page .mobile-header{display:block!important;position:sticky;position:-webkit-sticky;text-align:right;width:100%;z-index:1}.blogs-page .mobile-header .alert-mobile-enter{opacity:0;transform:translateY(-100%)}.blogs-page .mobile-header .alert-mobile-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.blogs-page .mobile-header .alert-mobile-exit{opacity:1}.blogs-page .mobile-header .alert-mobile-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}.no-scroll{overscroll-behavior:none}}.book-preview-container{background:#fff;border-radius:5px;box-sizing:border-box;font-family:Baloo Thambi\ 2,cursive;font-weight:500;margin:auto;min-height:175px;overflow:hidden;padding:0 20px 20px 10px;width:80%}.book-preview-container:last-child{border-bottom:none}.book-preview-container .book-preview-container-left{box-sizing:border-box;float:left;padding:20px 0 20px 20px;position:relative;width:40%}.book-preview-container .book-preview-container-left img{align-items:center;display:block;justify-content:center;margin:auto;width:45%}.book-preview-container .book-preview-container-right{box-sizing:border-box;float:right;padding:20px 20px 20px 0;position:relative;width:60%}.book-preview-container .book-preview-container-right .book-preview-title{font-size:30px;padding-bottom:10px}.book-preview-container .book-preview-container-right .book-preview-subtitle{font-size:18px;padding-bottom:10px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}.fade-exit{opacity:1}.fade-exit-active{opacity:1;transform:translateX(0);transition:opacity .8s,transform .4s}@media screen and (max-width:480px){.book-preview-container{box-sizing:border-box;margin:auto;overflow:hidden;width:100%}.book-preview-container .book-preview-container-top{display:block;margin:auto;padding:10px;position:relative;width:50%}.book-preview-container .book-preview-container-top img{align-items:center;display:flex;justify-content:center;margin:auto;width:90%}.book-preview-container .book-preview-container-bot{display:block;padding:10px;position:relative;width:95%}.book-preview-container .book-preview-container-bot .book-preview-title{font-size:21px;padding-bottom:10px}.book-preview-container .book-preview-container-bot .book-preview-body{font-size:15px}}.book-container{box-sizing:border-box;float:right;font-family:Baloo Thambi\ 2,cursive;font-weight:500;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:5px;width:90%}.book-container .book-intro-container{display:block;float:left;padding-bottom:15px;width:100%}.book-container .book-intro-container .book-intro-title{font-size:30px;padding-bottom:15px;text-align:center;text-decoration:underline;text-decoration-thickness:2px}.book-container .book-intro-container .book-intro-body{font-size:18px;margin:auto;width:80%}.book-divider{border-bottom:1px solid #d2d2d2;display:block;margin:auto;position:relative;width:70%}@media screen and (max-width:480px){.book-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;float:none;height:calc(100% - 100px);margin:auto;overscroll-behavior:none;padding:0;position:relative;width:100%}.book-container .book-intro-container .book-intro-body{font-size:16px;margin:auto;width:95%}.book-container .book-intro-container .book-intro-title{font-size:24px;padding:5px}}.book-page{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.book-page .alert-enter{opacity:0;transform:translateX(-100%)}.book-page .alert-enter-active{opacity:1;transform:translateX(0);transition:opacity .1s,transform .1s}.book-page .alert-exit{opacity:1}.book-page .alert-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .1s,transform .1s}.book-page .highlight{border-radius:25px;box-sizing:border-box;float:left;height:100%;overflow:hidden;padding:5px;position:relative;width:10%}.book-page .highlight .footer{background-color:#fff;bottom:0;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;font-size:14px;height:auto;padding-bottom:10px;padding-right:5px;position:absolute;text-align:center;width:100%}.book-page .book-feed{box-sizing:border-box;float:right;height:calc(100% - 10px);margin-top:10px;overflow:auto;padding-left:0;padding-right:10px;width:90%}.book-page .mobile-header{display:none}@media screen and (max-width:480px){.book-page{height:100vh;max-height:-webkit-fill-available;overflow:hidden;padding:10px 10px 0;z-index:1}.book-page .highlight{display:none}.book-page .mobile-header{display:block!important;position:sticky;position:-webkit-sticky;text-align:right;width:100%;z-index:1}.book-page .mobile-header .alert-mobile-enter{opacity:0;transform:translateY(-100%)}.book-page .mobile-header .alert-mobile-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.book-page .mobile-header .alert-mobile-exit{opacity:1}.book-page .mobile-header .alert-mobile-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}.book-page .book-feed{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;float:none;height:calc(100% - 125px);margin:auto;overscroll-behavior:none;padding:20px 0 0;position:relative;width:100%}}.container{background-color:#fff;box-sizing:border-box;font-family:Baloo Tammudu\ 2,cursive;height:100vh;margin:auto;width:100%}.container .text-header{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);background-position:50%;display:block;height:400px;margin:auto;width:60%}.container .text-header .text-center{font-size:60px;text-align:center}.container .content-box{display:block;font-size:25px;margin:auto;position:relative;text-align:center;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8feb2dc0.css.map*/