.nav-item .text-primary{color:#b2b300!important}html{height:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{position:relative;margin:0;padding:1rem .5rem 7rem;min-height:100%}footer{position:absolute;right:0;bottom:0;left:0;padding:1rem}footer p,footer ul{margin:0;padding:0}footer ul{list-style-type:none}footer ul li{display:inline}.social-links{display:flex;gap:.5rem;justify-content:center}body,html{font-family:Josefin Sans,sans-serif;background-color:#212529;color:white;font-size:20px}footer{text-align:center}aside.left-column,aside.right-column{position:relative}main{color:#585858;background-color:#fff;margin:1rem auto;padding:1rem;border-radius:3rem 1rem;overflow:hidden}@media (min-width:1024px){main{border-radius:3rem}main>:not(.hero){padding:1rem 3rem}}main .hero{text-align:center;margin:-1rem -1rem 1rem;min-height:15rem;background-size:cover;color:#fff}main .hero .fade-overlay{background:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;min-height:15rem}main .hero .fade-overlay h1{font-weight:600}main .hero .fade-overlay .subheading,main .hero .fade-overlay h1{width:95%;margin:.5rem auto}@media (min-width:768px){main .hero .fade-overlay .subheading,main .hero .fade-overlay h1{width:75%}}main .row{margin:2rem 0}header,main .row{justify-content:center}header{font-family:Permanent Marker,cursive;margin:2rem;padding:0;flex-direction:column}.navbar a:not(.navbar-brand):active,.navbar a:not(.navbar-brand):focus,.navbar a:not(.navbar-brand):focus-visible,.navbar a:not(.navbar-brand):hover{color:#feff00!important}header .navbar-brand{text-align:center;font-size:2.5rem;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}header .navbar-brand img{max-width:5rem;border-radius:50%}@media (min-width:540px){header .navbar-brand img{max-width:8rem}}header .navbar-brand:hover{text-decoration:none}header .navbar-brand .logo{position:relative}header .navbar-brand .logo .ribbon{padding:3px 7px;text-align:center;background-color:#b2b300;font-family:Gideon Roman,serif;font-size:.45rem;text-transform:uppercase;position:absolute;bottom:.5rem;left:-1rem;width:7rem}header .navbar-brand .logo .ribbon:after,header .navbar-brand .logo .ribbon:before{content:"";width:40px;height:100%;background-color:#b2b300;position:absolute;top:20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-image:linear-gradient(45deg,transparent 50%,#5d3922 0);background-size:20px 20px;background-repeat:no-repeat;background-position:100% 100%}header .navbar-brand .logo .ribbon:before{left:-20px}header .navbar-brand .logo .ribbon:after{right:-20px;transform:scaleX(-1)}@media (min-width:768px){header .navbar-brand .logo .ribbon{padding:5px 25px;font-size:.55rem;width:10rem}header .navbar-brand .logo .ribbon:after,header .navbar-brand .logo .ribbon:before{width:60px}header .navbar-brand .logo .ribbon:before{left:-40px}header .navbar-brand .logo .ribbon:after{right:-40px}}header .navbar-brand .heading{margin-top:1rem}.navbar .navbar-nav .nav-item.active .nav-link{text-decoration-line:underline;text-underline-offset:8px;text-decoration-thickness:4px}.navbar .navbar-nav .nav-item .dropdown-item,.navbar .navbar-nav .nav-item .nav-link{font-size:1.2rem}.navbar .navbar-nav .nav-item .dropdown-item:focus,.navbar .navbar-nav .nav-item .dropdown-item:hover,.navbar .navbar-nav .nav-item .nav-link:focus,.navbar .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-nav .nav-item.active .nav-link:hover{text-decoration-line:underline;text-underline-offset:8px;text-decoration-thickness:4px;text-decoration-color:#feff00}.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle{position:relative;color:#b2b300}.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:hover{color:#feff00}.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:after{position:absolute;top:50%}.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle~.dropdown-menu{position:absolute;top:3.5rem;left:-6.5rem;border:1px solid #b2b300;background-color:#212529;opacity:.9}@media (min-width:768px){.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle~.dropdown-menu{left:0}}.navbar .navbar-nav .nav-item.dropdown .dropdown-item:active,.navbar .navbar-nav .nav-item.dropdown .dropdown-item:focus,.navbar .navbar-nav .nav-item.dropdown .dropdown-item:hover{background-color:transparent!important}a{text-decoration:none;color:#b2b300!important}a:focus,a:hover{text-decoration:underline;text-underline-offset:5px}a:focus{outline:none}a[rel=noopener][target=_blank]{display:inline-flex}a[rel=noopener][target=_blank]:after{font:var(--fa-font-solid);content:"\f35d";font-size:.65rem;margin-left:.15rem}.mce-toc a:hover{text-decoration-thickness:2px}.btn{font-weight:700}.btn.btn-primary{background-color:#b2b300;border-color:#b2b300;color:white!important}.btn.btn-primary:focus,.btn.btn-primary:hover{background-color:rgba(178,179,0,.65);border-color:rgba(178,179,0,.65)}h1:focus{outline:none}.content{padding-top:1.1rem}.article-list{list-style-type:none;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}@media (min-width:768px){.article-list{display:grid;grid-template-columns:1fr;grid-gap:1rem}}.article-list .article-list-item a{display:block;color:#585858!important;box-shadow:2px 2px 6px}.article-list .article-list-item a:focus,.article-list .article-list-item a:hover{text-decoration:none;box-shadow:4px 4px 10px}.article-list .article-list-item a .article-list-item-container{position:relative;display:flex;flex-direction:column;width:100%}@media (min-width:1024px){.article-list .article-list-item a .article-list-item-container{flex-direction:row}}.article-list .article-list-item a .article-list-item-container img{width:100%;max-width:15rem;padding:1rem}.article-list .article-list-item a .article-body{padding:1rem;display:flex;flex-direction:column;justify-content:space-between}@media (min-width:1024px){.article-list .article-list-item a .article-body{padding:2rem 2rem .75rem}}.article-list .article-list-item a .article-body h2{color:#b2b300;font-size:1.25rem;font-weight:600}.article-list .article-list-item a .article-body h3{font-size:1.5rem}.article-list .article-list-item a .article-body p{font-size:.85rem}.article-list .article-list-item a .article-body .article-footer{display:flex;flex-direction:column;font-size:.85rem}.article-list .article-list-item a .article-body .article-footer .icon:before{margin-right:.5rem}.article-list .article-list-item a .article-body .article-footer .badge.bg-primary{background-color:#b2b300!important}.article .article-heading{display:flex;align-items:center}.article .article-heading a:before{padding:1rem .25rem 0;font-size:.75rem}.article .article-heading a:focus:before,.article .article-heading a:hover:before{text-decoration:underline}.article h1,.article h2,.article h3,.article h4:not(.alert-heading),.article h5,.article h6{color:#b2b300;font-weight:600;margin-top:2rem}.article img{max-width:100%}.article .image-row,.article figure{margin:1rem auto;text-align:center}.article .image-row img,.article figure img{box-shadow:2px 2px 6px;padding:.5rem}.article .image-row .caption,.article .image-row figcaption,.article figure .caption,.article figure figcaption{text-align:center;margin-top:.5rem;display:block;line-height:1}.article-meta{border-radius:3rem}.article-meta h3{font-size:2rem;font-weight:700;color:#b2b300}.article-meta p{margin:0}pre{font-size:.75rem}.instruction-button-click,.instruction-navigate-to{display:inline-block;padding:.25rem 0 .25rem 2.25rem;line-height:1;font-weight:700;color:black;position:relative}.instruction-button-click:before,.instruction-navigate-to:before{display:block;position:absolute;top:-.25rem;left:0;font-size:2.5rem}.instruction-button-click{background:lightgrey;border-radius:.25rem;box-shadow:1px 1px 4px black;padding-right:.25rem}.instruction-button-click:before{content:"☛"}.instruction-navigate-to{text-decoration:underline;text-underline-offset:.25rem}.instruction-navigate-to:before{content:"➪"}.alert p:last-of-type{margin:0}.icon:before{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased}.icon.globe:before{font:var(--fa-font-solid);content:"\f57d"}.icon.twitter:before{font:var(--fa-font-brands);content:"\f099"}.icon.linkedin:before{font:var(--fa-font-brands);content:"\f08c"}.icon.github:before{font:var(--fa-font-brands);content:"\f09b"}.icon.at:before{font:var(--fa-font-solid);content:"@"}.icon.calendar:before{font:var(--fa-font-solid);content:"\f073"}.icon.tag:before{font:var(--fa-font-solid);content:"\f02b"}.icon.construction:before{font:var(--fa-font-solid);content:"\f85e";font-size:12rem;color:#f3d22f}.icon.link:before{font:var(--fa-font-solid);content:"\f0c1"}.icon.user:before{font:var(--fa-font-solid);content:"\f007"}.icon.message:before{font:var(--fa-font-solid);content:"\f075"}.icon.face-miserable:before{font:var(--fa-font-regular);content:"\f119"}.icon.face-unhappy:before{font:var(--fa-font-regular);content:"\f57a"}.icon.face-neutral:before{font:var(--fa-font-regular);content:"\f11a"}.icon.face-smile:before{font:var(--fa-font-regular);content:"\f118"}.icon.face-laugh:before{font:var(--fa-font-regular);content:"\f599"}.icon.external-link:before{font:var(--fa-font-solid);content:"\f35d"}#tool-wordCounter{display:flex;flex-direction:column;justify-content:space-between;margin:1rem 0}@media (min-width:1200px){#tool-wordCounter{flex-direction:row;gap:2rem}}#tool-wordCounter .input{height:8rem;padding:.5rem}@media (min-width:1200px){#tool-wordCounter .input{width:100%;height:8rem}}#tool-wordCounter .output{padding:1rem;border:1px dashed black;display:flex;flex-direction:column;font-weight:700;margin-top:1rem;height:max-content}@media (min-width:1200px){#tool-wordCounter .output{min-width:12rem;margin:0}}#tool-wordCounter .output span{float:right}#tool-caseConverter{display:flex;flex-direction:column}#tool-caseConverter label{font-weight:700}#tool-caseConverter .input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width:1200px){#tool-caseConverter .input-container{flex-direction:row}}#tool-caseConverter .input-container .input-controls{display:flex;gap:.5rem;justify-content:space-between}@media (min-width:1200px){#tool-caseConverter .input-container .input-controls{flex-direction:column}}#tool-caseConverter .input-container .input-controls button{width:-webkit-fill-available}#tool-caseConverter .input,#tool-caseConverter .output{height:8rem;padding:.5rem}@media (min-width:1200px){#tool-caseConverter .input,#tool-caseConverter .output{width:100%;height:8rem}}#tool-uuidGenerator{display:flex;flex-direction:column;gap:1rem}@media (min-width:1200px){#tool-uuidGenerator{flex-direction:row}}#tool-uuidGenerator .input-controls{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:.5rem}@media (min-width:1200px){#tool-uuidGenerator .input-controls{margin-bottom:0}}#tool-uuidGenerator .input-controls .form-floating{width:100%}#tool-uuidGenerator .input-controls .form-switch{margin:0}#tool-uuidGenerator .output{height:10rem;padding:.5rem}#tool-htmlEncoder .input-container,#tool-jsonEscape .input-container,#tool-stripText .input-container,#tool-uriEncoder .input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width:1200px){#tool-htmlEncoder .input-container,#tool-jsonEscape .input-container,#tool-stripText .input-container,#tool-uriEncoder .input-container{flex-direction:row}}#tool-htmlEncoder .input-container #input,#tool-jsonEscape .input-container #input,#tool-stripText .input-container #input,#tool-uriEncoder .input-container #input{height:10rem}#tool-htmlEncoder .input-container .input-controls,#tool-jsonEscape .input-container .input-controls,#tool-stripText .input-container .input-controls,#tool-uriEncoder .input-container .input-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (min-width:1200px){#tool-htmlEncoder .input-container .input-controls,#tool-jsonEscape .input-container .input-controls,#tool-stripText .input-container .input-controls,#tool-uriEncoder .input-container .input-controls{display:flex;justify-content:center;flex-direction:column}}#tool-htmlEncoder .input-container .input-controls button,#tool-jsonEscape .input-container .input-controls button,#tool-stripText .input-container .input-controls button,#tool-uriEncoder .input-container .input-controls button{width:max-content;min-width:100%}#tool-htmlEncoder #output,#tool-jsonEscape #output,#tool-stripText #output,#tool-uriEncoder #output{height:10rem}#cookieConsent{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:1rem}#cookieConsent p{margin:0}#cookieConsent button{width:100%}@media (min-width:1024px){#cookieConsent{flex-direction:row}#cookieConsent button{width:max-content}}.feedback-container{position:fixed;bottom:0;margin:1rem;z-index:1;width:18rem}.feedback-container>button{margin-top:.25rem}.feedback-container #feedbackForm{padding:1rem;text-align:center;border-radius:.25rem}.feedback-container #feedbackForm .vote-buttons{display:flex;justify-content:center;position:relative}.feedback-container #feedbackForm .vote-buttons label{padding:.25rem}.feedback-container #feedbackForm .vote-buttons input[type=radio]{bottom:30%}.feedback-container #feedbackForm .vote-buttons input[type=radio]:checked+label{box-shadow:1px 1px 15px 1px #ccc;border-radius:50%;border-color:transparent;height:2.5rem}.feedback-container #feedbackForm .vote-buttons .icon{font-size:1.5rem;color:#b2b300}.feedback-container #feedbackForm textarea{height:5rem}.feedback-container #feedbackForm .optional{font-size:.75rem;font-style:italic}.feedback-container #feedbackForm #feedbackResponse{font-size:.75rem;font-weight:700}.feedback-container #feedbackForm #feedbackResponse a{color:#dc3545!important}.feedback-container #feedbackForm button[type=submit]{width:100%}@media (min-width:1440px){.sidebar{width:100%;max-width:20rem;background:#212529;margin:0 2rem}}@media (min-width:1920px) and (min-height:1024px){.sidebar{position:fixed;z-index:1}}.sidebar section{padding:1rem 0}.sidebar section:not(:last-of-type){border-bottom:1px solid}.sidebar section h3{font-size:1.5rem}.sidebar section h4{font-size:1rem}.sidebar section a,.sidebar section p{font-size:.85rem}.sidebar section .support-links{display:flex;flex-direction:column;justify-content:space-around;align-items:center}@media (min-width:1024px){.sidebar section .support-links{flex-direction:row}}.sidebar section .support-links .donation-link{display:inline-flex;margin:.5rem 0}@media (min-width:1024px){.sidebar section .support-links .donation-link{margin:0}}.sidebar section .support-links .donation-link .donation-link-img.coffee{width:7rem}.sidebar section .support-links .donation-link .donation-link-img.paypal{width:10rem}.sidebar section p.source-code{display:flex;align-items:center}.sidebar section p.source-code .github:before{margin-right:.5rem;font-size:1.25rem}.sidebar section .accordion .accordion-item{border:none}.sidebar section .accordion .accordion-button{padding:.5rem 1rem;background-color:#b2b300;color:#fff;font-weight:700}.sidebar section ul{padding:0;margin:0}.sidebar section ul li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.sidebar section #newsletterSignupForm{display:flex}.sidebar section #newsletterSignupForm #signupResponse{margin:0}ins.adsbygoogle{display:flex!important;justify-content:center!important}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}aside.left-column ins.adsbygoogle{position:fixed;bottom:3rem}aside.right-column .sidebar-ad{margin-top:1rem}