.blog-menu{--header-height: 71px;min-height:var(--header-height);display:flex;align-items:center;box-shadow:2px 2px 23px rgba(0,0,0,0.8);background-image:linear-gradient(#000, #3a3a3a)}.blog-menu a{color:white;user-select:none;text-decoration:none}.blog-menu>nav{display:flex;flex-wrap:wrap;gap:16px}.blog-menu>nav>.blog-logo{font-weight:bold;font-size:1.7rem;position:relative;margin-left:38px;width:fit-content;text-decoration:none}.blog-menu>nav>.blog-logo::before{content:'';display:block;position:absolute;background:url("/assets/svg/java.svg") no-repeat;width:48px;height:48px;left:-53px;bottom:0}@media (min-width: 686px){.blog-menu>nav>.blog-logo::after{content:'';display:block;position:absolute;border-bottom:0.2rem solid #f85e5e;width:56px;border-radius:5px;bottom:-1px}.blog-menu>nav>.blog-logo:hover{cursor:pointer;transform:scale(1.24);transition:.3s}}@media (max-width: 685px){.blog-menu>nav>.blog-logo{justify-content:space-between}.blog-menu>nav>.blog-logo>span{display:none}.blog-menu>nav>.blog-logo:hover{transform:unset}.blog-menu>nav>.blog-logo::before{left:-39px;bottom:-6px}}@media (max-width: 443px){.blog-menu>nav>.blog-logo{display:none}}.blog-menu>nav>ul{display:flex;align-items:center;gap:16px;font-size:1.15rem;margin-left:8px;list-style:none}.blog-menu>nav>ul .nav-anchor{background:#232323;padding:6px;border-radius:5px;text-decoration:none}.blog-menu>nav>ul .nav-anchor.current,.blog-menu>nav>ul .nav-anchor:hover{background:#56738c}.blog-menu>nav>ul .locale-switcher{text-decoration:none;transition:.3s}.blog-menu>nav>ul .locale-switcher:hover{transition:.3s;background-color:#485d70;padding:6px;border-radius:5px}.blog-footer{background-color:rgba(98,98,98,0.15);box-shadow:2px 2px 23px rgba(0,0,0,0.25)}.blog-footer .footer-social-media{padding:.8em 0}.blog-footer .footer-social-media>nav>ul{display:flex;flex-direction:row;gap:.7em;overflow:hidden;list-style:none}.blog-footer .footer-social-media>nav>ul>li{color:#555;text-align:center}.blog-footer .footer-social-media>nav>ul>li a{color:inherit;text-decoration:none}.blog-footer .footer-social-media>nav>ul>li i{color:#555;margin:.3em;cursor:pointer;transition:color 300ms ease, margin-top 300ms ease;transform:translateZ(0);font-size:1.9em}.blog-footer .footer-social-media>nav>ul .bi-github:hover,.blog-footer .footer-social-media>nav>ul .bi-code-slash:hover{color:black}.blog-footer .footer-social-media>nav>ul .bi-twitter:hover,.blog-footer .footer-social-media>nav>ul .bi-linkedin:hover{color:#0177B5}.blog-footer .footer-social-media>nav>ul .bi-youtube:hover{color:red}.blog-footer .footer-copyright-text{font-family:'Consolas', monospace}.toast{position:fixed;bottom:2em;right:1%;padding:1em;background-color:rgba(0,0,0,0.7);animation:fadein 0.4s;border-radius:.4em}.toast.-error{color:black;background-color:rgba(246,59,45,0.7)}.toast.-success{color:whitesmoke;background-color:#31708d}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}html{scroll-behavior:smooth}.scroll-to-top{cursor:pointer;bottom:20px;margin-right:.7em;place-self:end;color:black;font-size:2.2em;position:fixed;transform:translateY(100px);transition:all 0.5s ease;z-index:var(--z-index-scroll-button);opacity:0}.scroll-to-top.-show{opacity:1;transform:translateY(0)}.thumbnail-link .thumbnail-img-wrapper{width:60%;position:absolute;background-color:#000000;padding:5px;display:none;border-radius:.3em;color:white;text-decoration:none}.thumbnail-link .thumbnail-img-wrapper .thumbnail-img{border-width:0;padding:2px}.thumbnail-link:hover .thumbnail-img-wrapper{display:block;z-index:var(--z-index-thumbnail-wrapper);left:260px;animation:fadein .8s}@keyframes fadein{from{opacity:0}to{opacity:1}}@media (max-width: 1280px){.thumbnail-link .thumbnail-img-wrapper{width:80%}}.typing-text{font-family:'Consolas', monospace;width:fit-content}@media (min-width: 1200px){.typing-text .typying-node{font-size:calc(2.6 * var(--font-size))}}@media (min-width: 1024px){.typing-text .typying-node{font-size:calc(2.0 * var(--font-size));animation:typing 2.2s steps(80, end),blink-caret 0.75s step-end infinite;transition:1s;overflow:hidden;border-right:.19em solid lightslategray;white-space:nowrap;display:inline-block;width:fit-content}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from, to{border-color:transparent}50%{border-color:lightslategray}}}:root{--font-size: 1.1rem;--container-width: 92dvw;--z-index-scroll-button: 100;--z-index-thumbnail-wrapper: 200}*{box-sizing:border-box}body{display:flex;flex-direction:column;font-size:var(--font-size);font-family:'Arial', sans-serif;text-rendering:optimizeLegibility;line-height:1.5;min-height:100dvh;--webkit-font-smoothing: antialiased;--moz-osx-font-smoothing: grayscale;background:#fafaff}body ::selection{background:#98c0ec !important}body a{color:#075bc9;text-decoration:none}body a:hover{text-decoration:underline}@media (max-width: 570px){:root{--font-size: 0.95rem;font-size:var(--font-size)}}.container{width:var(--container-width);margin:0 calc((100dvw - var(--container-width)) / 2);height:auto}@media (max-width: 1280px){.container{width:var(--container-width);margin:0 1em}.container :root{--container-width: 95dvw}}@media (max-width: 480px){.container{margin:0 .47em}.container :root{--container-width: 100dvw}}.blog-content{margin-top:16px;min-height:20dvw;flex:1 0 auto;display:flex;flex-direction:row}.d-flex-column{display:flex;flex-direction:column}.dark-bg-text{background:black;color:white;padding:5px;border-radius:6px}.green-text-highlight{color:black;background:lightgreen;padding:2px 0 2px 4px;border-radius:5px;margin:0 2px 0 2px}.green-text-highlight a{color:black}.warning{display:flex;align-items:center;background-color:#ecec95;border-radius:.25em;padding:1em;gap:.5em;margin-top:1em}.word-start-right{margin-left:2em}.quote-link{text-decoration:none;color:black}.quote-link:hover{text-decoration:underline}.red-hat-logo-color{fill:red}.bi-github,.bi-code-slash{color:black}.bi-twitter,.bi-linkedin{color:#0177B5}.bi-youtube{color:red}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}img{width:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}h1{font-size:calc(1.6 * var(--font-size))}h2{font-size:calc(1.5 * var(--font-size))}h3{font-size:calc(1.4 * var(--font-size))}h4{font-size:calc(1.2 * var(--font-size))}h5{font-size:calc(1.15 * var(--font-size))}h6{font-size:calc(1.1 * var(--font-size))}