:root{--primary-side-animation-color:rgb(51,24,207);--slide-top:"10%";--slide-opacity:1}@font-face{font-family:'wotfardregular';src:url(../fonts/wotfard-regular-webfont.eot);src:url(../fonts/wotfard-regular-webfont.eot?#iefix)format('embedded-opentype'),url(../fonts/wotfard-regular-webfont.woff2)format('woff2'),url(../fonts/wotfard-regular-webfont.ttf)format('truetype');font-weight:normal;font-style:normal}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}html{font-family:'wotfardregular',sans-serif}.main-content{display:none}h1{line-height:3.2rem;font-weight:800;transition:all .2s ease-in}h2{font-weight:600}p{line-height:2.2rem;margin-top:1rem;font-size:1rem}a{text-decoration:none}input{height:2.8rem;border:2px solid #f1f3f5;border-radius:.375rem;font-size:18px;padding:10px}textarea{border:2px solid #f1f3f5;border-radius:.375rem;font-size:18px;padding:10px}button{background-color:#ff8787;border:0;border-radius:.175rem;font-weight:bold;font-size:20px;color:#1b1d1f;transition:all .2s ease-in}button:hover{background-color:#ff6b6b;color:#000}img{border-radius:.375rem;max-width:100%}@keyframes zoomInOut{0%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:8rem}.loader-child{margin:auto}.loader img{animation:zoomInOut 1s ease infinite}.theme-picker{position:absolute;top:3rem;right:3rem}@keyframes slideInUp{from{transform:translate3d(0,120%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.theme-colors{display:flex;float:right;list-style:none;padding-right:2em;color:white;animation:slideInUp 1s normal}.dot{height:1.6rem;width:1.6rem;border-radius:50%;display:inline-block;transition:all .2s ease}.dot:hover{transform:scale(1.25);-webkit-box-shadow:0 0 102px 45px rgba(189,199,196,.55);-moz-box-shadow:0 0 102px 45px rgba(189,199,196,.55);box-shadow:0 0 102px 45px rgba(189,199,196,.55)}.blue{background:hsla(217,100%,50%,1);background:linear-gradient(90deg,hsla(217,100%,50%,1)0,hsla(186,100%,69%,1)100%);background:-moz-linear-gradient(90deg,hsla(217,100%,50%,1)0,hsla(186,100%,69%,1)100%);background:-webkit-linear-gradient(90deg,hsla(217,100%,50%,1)0,hsla(186,100%,69%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0061FF",endColorstr="#60EFFF",GradientType=1)}.pink{background:hsla(333,100%,53%,1);background:linear-gradient(90deg,hsla(333,100%,53%,1)0,hsla(345,85%,81%,1)100%);background:-moz-linear-gradient(90deg,hsla(333,100%,53%,1)0,hsla(345,85%,81%,1)100%);background:-webkit-linear-gradient(90deg,hsla(333,100%,53%,1)0,hsla(345,85%,81%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0f7b",endColorstr="#F8A7BB",GradientType=1)}.yellow{background:hsla(33,100%,53%,1);background:linear-gradient(90deg,hsla(33,100%,53%,1)0,hsla(58,100%,68%,1)100%);background:-moz-linear-gradient(90deg,hsla(33,100%,53%,1)0,hsla(58,100%,68%,1)100%);background:-webkit-linear-gradient(90deg,hsla(33,100%,53%,1)0,hsla(58,100%,68%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff930f",endColorstr="#fff95b",GradientType=1)}.green{background:hsla(145,84%,73%,1);background:linear-gradient(90deg,hsla(145,84%,73%,1)0,hsla(150,61%,48%,1)100%);background:-moz-linear-gradient(90deg,hsla(145,84%,73%,1)0,hsla(150,61%,48%,1)100%);background:-webkit-linear-gradient(90deg,hsla(145,84%,73%,1)0,hsla(150,61%,48%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82f4b1",endColorstr="#30c67c",GradientType=1)}.dark{background:hsla(205,46%,10%,1);background:linear-gradient(90deg,hsla(205,46%,10%,1)0,hsla(192,20%,20%,1)100%);background:-moz-linear-gradient(90deg,hsla(205,46%,10%,1)0,hsla(192,20%,20%,1)100%);background:-webkit-linear-gradient(90deg,hsla(205,46%,10%,1)0,hsla(192,20%,20%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e1c26",endColorstr="#28383C",GradientType=1)}.light{background:hsla(189,19%,86%,1);background:linear-gradient(90deg,hsla(189,19%,86%,1)0,hsla(0,0,100%,1)100%);background:-moz-linear-gradient(90deg,hsla(189,19%,86%,1)0,hsla(0,0,100%,1)100%);background:-webkit-linear-gradient(90deg,hsla(189,19%,86%,1)0,hsla(0,0,100%,1)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D4E0E2",endColorstr="#FFFFFF",GradientType=1)}.max-width-60{max-width:60rem}.max-width-65{max-width:65rem}.text-center{text-align:center}.border-vertical{padding-left:5px;border-left:thick solid #1f5ce0}.side-animation{transition:transform .180s;position:relative}.side-animation:after{content:"";height:90px;width:2px;position:absolute;left:-1px;top:70%;transition:top,opacity;transition-duration:400ms;transition-timing-function:ease;background:linear-gradient(transparent,var(--primary-side-animation-color),transparent);opacity:0}.side-animation:after{top:65%;opacity:0}.side-animation:hover:after{top:25%;opacity:1}.article-side-animation{transition:transform .180s;position:relative}.article-side-animation:after{content:"";height:160px;width:2px;position:absolute;right:0;top:var(--slide-top);transition:top,opacity;transition-duration:0s,0s;transition-timing-function:ease,ease;transition-duration:400ms;transition-timing-function:ease;background:linear-gradient(transparent,#ff6b6b,transparent);opacity:var(--slide-opacity)}.card{border-radius:1rem;padding:2.2rem 2.2rem 2.2rem 2.2rem;transition:transform .300s;border:.1px solid #343a40}.card-outline{justify-self:center;align-self:center;text-align:center;border-radius:1rem;border-width:1px;padding:2.2rem 2.2rem 2.2rem 2.2rem;transition:transform .300s}.input{width:80%;margin-top:2.2rem}.download{width:100%;height:100%!important;height:3rem;margin-top:1.2rem;padding:20px;cursor:pointer}.download:not([disabled]):focus{box-shadow:0 0 .25rem rgba(0,0,0,.5),-.125rem -.125rem 1rem #f87f7f,.125rem .125rem 1rem rgba(255,154,90,.5)}.download:not([disabled]):hover{box-shadow:0 0 .25rem rgba(0,0,0,.5),-.125rem -.125rem 1rem #ff8787,.125rem .125rem 1rem rgba(255,154,90,.5)}.underline{display:block;position:relative;padding:.2em 0}.underline::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:.1em;opacity:0;transition:opacity 100ms,transform 100ms}.underline:hover::after,.underline:focus::after{opacity:1;transform:translate3d(0,.2em,0)}.avatar{border-radius:50%;position:relative;display:block;float:right;margin-top:-11rem;width:250px;transition:all .2s ease;-webkit-box-shadow:0 0 18px 1px rgba(212,219,217,.55);-moz-box-shadow:0 0 18px 1px rgba(189,199,196,.55);box-shadow:0 0 18px 1px rgba(189,199,196,.55)}.avatar:hover{transform:scale(1.1)}.social{transition:all .2s ease;cursor:pointer}.social:hover{transform:scale(1.1)}.cartoon-avatar{position:relative;display:block;float:right;margin-top:-11rem;width:480px}.follow{padding-top:1.8em;color:#1f5ce0;font-weight:bold}.follow img{padding-right:1em}.btn-primary{display:flex;justify-content:center}.padding{margin-top:30rem}.grid{max-width:150rem;display:grid;grid-template-columns:1fr 1fr;gap:2.6rem}.sub-grid{max-width:150rem;display:grid;grid-template-columns:2fr 1fr;gap:1.6rem}.grid-center{display:grid;justify-content:center;align-items:center}.grid-2-cols{grid-template-columns:repeat(2,1fr)}.space-evenly{display:flex;position:relative;justify-content:space-evenly}.box{display:flex;align-items:center}.new-pill{display:inline-block;padding:3px 7px;background-color:#77cbff;color:#000;font-weight:bold;border-radius:10px;margin-left:5px;margin-top:-2px}.navbar{margin-top:2.6rem}.navbar-list{list-style:none;display:flex;justify-content:center}.nav-menu{margin-left:2.2rem;font-weight:bold}.about{padding-top:5rem;margin:6.4rem .6rem 3.6rem 3.6rem}.projects{margin:6.4rem .6rem 3.6rem 3.6rem;padding:3.2rem 3.2rem 3.2rem 3.2rem}.projects h2{margin-bottom:2.2rem;text-align:center}.projects img{padding-bottom:1.2rem}.project{margin-top:2.2rem}.all-projects{margin:3.2rem 0 1rem 2.8rem}.contact{margin:6.4rem 3.6rem 3.6rem 3.6rem}form{padding:2.2rem 2.2rem 2.2rem 2.2rem}#name{width:100%}#email{width:100%}#message{margin-top:2.2rem;width:100%}#send{margin-top:2.2.rem;width:100%}.card-blog{border-radius:1rem;transition:transform .300s}.blog-posts{max-width:120rem}.post-list{margin-top:6.4rem;margin-left:0}.post{margin-top:2.2rem;padding:2.2rem;border:.1px solid #343a40}.post-link{font-size:1rem;font-weight:bold;display:flex;align-items:center;margin-top:1em}.post-date{margin-bottom:.4rem}.post-date::before{border:2px white;height:100%}.all-articles{padding:3.2rem;margin:1rem 3.6rem 0 3.6rem}.free-downloads{padding:3.2rem}.free-download{margin:6.4rem .6rem 3.6rem 0;padding:3.2rem 3.2rem 3.2rem 3.2rem}.book-title{color:white;font-size:1.6rem;margin-top:1.2rem}.blog-free-downloads{padding-right:2.2rem;padding:.1rem}.blog-free-download{margin-top:6.4rem;margin-right:2.2rem}.blog-grid{max-width:150rem;display:grid;grid-template-columns:3fr 1.5fr;justify-content:center;gap:2.4rem;margin:2.2rem}.post-title{font-size:2rem!important;line-height:3rem!important;margin-top:1rem!important}.blog-post-avatar{transition:all .5s ease}.blog-post-avatar:hover{transform:scale(1.1)}article{margin:2.2rem;margin-top:6.4rem;padding:2.2rem;width:90%;border-radius:1rem}article p{line-height:1.5rem;padding-top:10px;padding-bottom:10px}article pre{margin-top:35px;margin-bottom:35px;font-family:monospace}.badges{padding-top:10px;list-style:none}.badge{position:relative;display:inline-block;font-size:large;border-radius:5px;background-color:#2b4555;padding:6px 12px;margin-right:8px;margin-bottom:8px;font-weight:bold;margin-left:0!important}.badge:hover{transform:scale(1.1);transition:all .4s ease}.share-title{margin-top:2.2rem;font-size:larger;font-weight:700}.share-buttons{padding-top:10px;list-style:none;margin-bottom:2.2rem}.share{position:relative;display:inline-block;font-size:large;border-radius:5px;background-color:#2b4555;padding:6px 12px;margin-right:8px;margin-bottom:8px;font-weight:bold;margin-left:0!important}.share:hover{transform:scale(1.1);transition:all .4s ease}section li{color:#ccccce;margin-left:35px;padding-top:10px;line-height:1.5rem}article h2{margin-top:2.2rem}article h3{margin-top:2.2rem}article h4{margin-top:2.2rem}blockquote{padding-bottom:5px;border-radius:3px;font-style:italic}blockquote p{padding-left:10px}blockquote cite:before{content:'\A';display:block}blockquote cite{padding-left:10px}pre{color:white;display:block;text-align:left;background-color:#2b4555;border-radius:.5rem;padding:5px}pre code{font-size:15px;word-break:normal;font-family:monospace;white-space:pre-wrap;-webkit-overflow-scrolling:touch;overflow-x:scroll;max-width:80rem;padding:0;line-height:1.2rem}video{border-radius:.5rem}.popular-posts{margin:6.4rem .6rem 3.6rem 0;padding:3.2rem 3.2rem 3.2rem 3.2rem}.popular-posts ul{list-style:none}.popular-posts ul li{text-align:left!important;padding-top:2rem;font-size:1.25rem;transition:all .2s ease-in}.popular-posts a:hover{text-decoration:underline}.footer{max-width:120rem;margin:2.2rem 2.2rem 4.2rem 2.2rem;text-align:center;align-items:center}.footer-link{padding-left:2rem}.hide-mobile{display:block}@media(max-width:1500px){.grid{gap:.5rem}.blog-grid{max-width:120rem;grid-template-columns:2fr 1fr;justify-content:space-around;gap:.05rem}article{max-width:80%}.blog-free-downloads{width:100%}.card{padding:1.2rem 1.2rem 1.2rem 1.2rem}.card-outline{padding:1.2rem 1.2rem 1.2rem 1.2rem}.post{padding:2.2rem 1.2rem 2.2rem 1.2rem;margin:1rem 3.6rem 1rem 3.6rem}.free-downloads{margin:0 .6rem .6rem .6rem;padding:1.2rem 1.2rem 1.2rem 1.2rem}.free-download{margin:6.4rem .6rem 3.6rem .2rem;padding:3.2rem 3.2rem 3.2rem 3.2rem}.avatar{width:200px}}@media(max-width:1275px){.navbar-list{justify-content:left}.avatar{width:150px}button{width:100%}article{margin:16px;max-width:90%}}@media(max-width:1000px){.footer{max-width:120rem;margin:1.2rem 1.2rem 2.2rem 1.2rem}.avatar{width:150px}.card{margin-bottom:.8rem}.grid{max-width:150rem;display:grid;grid-template-columns:1fr;gap:1rem}.about{margin:8rem 1.1rem 1.1rem 1.1rem;padding:.8rem .8rem .8rem .8rem}.projects{margin:.8rem .8rem .8rem .8rem;padding:.8rem .8rem .8rem .8rem}.navbar-list{justify-content:left}.blog-free-downloads{display:none}.blog-grid{max-width:150rem;display:grid;grid-template-columns:1fr;gap:1rem}article{max-width:100%;margin-top:2.2rem;margin:.1rem}.post{padding:1.4rem;margin-left:.5rem;margin-bottom:2.2rem}.free-download{margin:1rem}.cartoon-avatar{width:260px}.contact{margin:2.2rem;margin-top:6.2rem}}@media(max-width:740px){.navbar-list{margin-top:6.4rem;justify-content:left}.theme-picker{display:flex;align-items:center}article{overflow:scroll;padding:1rem}.blog-grid{margin:16px}.links{display:grid;gap:15px;text-align:center}}@media(max-width:440px){.about{margin:8rem .1rem .1rem .1rem;padding:.7rem .7rem .7rem .7rem}.cartoon-avatar{margin-top:0;float:left}.hide-mobile{display:none}article{margin:8px}}