@layer base{@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);}body{background:linear-gradient(135deg,#121212,#1561aa) fixed;height:100%;min-height:100vh;overflow-x:hidden}main{color:#e0e0e0;font-family:Fira Code,monospace}.blog h1{font-size:3rem}.blog h2{margin-top:3rem;font-size:2.5rem}.blog h3{margin-top:2.5rem;font-size:2rem}.blog pre{color:#abb2bf;border-radius:8px;padding:1em;font-family:Fira Code,monospace;position:relative}.blog .code-language{color:#fff;border-radius:5px;padding:.2em .6em;font-family:sans-serif;font-size:.75em;position:absolute;top:1.5em;right:1.5em}.blog .copy-button{color:#fff;cursor:pointer;opacity:0;border:none;border-radius:5px;padding:.3em .6em;font-size:1.5em;transition:opacity .3s ease-in-out,color .25s ease-out;position:absolute;bottom:1em;right:1em}.blog .copy-button:before{margin-right:.3em}.blog .copy-button:hover{color:#516e89}.blog pre:hover .copy-button{opacity:1}.hover-card{border:none;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 4px 8px #000}.image-hover-container:hover{transform:scale(1.05)}.overlay{opacity:0;background-color:rgba(0,0,0,.5);justify-content:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;inset:0}.overlay-text{color:#fff;max-width:50vh;padding:.5rem}.image-hover-container:hover .overlay{opacity:1}.image-hover-container{transition:transform .4s ease-out;position:relative;overflow:hidden}.card-image-container{height:200px;overflow:hidden}.card-image-container img{object-fit:cover;width:100%;height:100%}main{padding-top:100px;padding-bottom:100px}.scroll-top-btn{color:#fff;font:inherit;outline:inherit;visibility:hidden;opacity:0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;font-size:xx-large;transition:opacity .4s ease-in-out,visibility .4s ease-in-out,transform .3s ease-in-out;display:flex;position:fixed;bottom:20px;right:20px}.scroll-top-btn:hover{color:pink;transform:scale(1.5)}.scroll-top-btn.show{opacity:1;visibility:visible}.navbar-page-content{min-height:100vh}a{color:#4fc3f7;text-decoration:none}a:hover{color:#1e88e5}.btn-primary{background-color:#2962ff;border-color:#2962ff}.btn-primary:hover{background-color:#1e88e5;border-color:#1e88e5}.btn-secondary{background-color:#546e7a;border-color:#546e7a}.btn-secondary:hover{background-color:#455a64;border-color:#455a64}.alert-success{color:#1b5e20;background-color:#66bb6a}.alert-danger{color:#b71c1c;background-color:#ff5252}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-enter{opacity:0;animation:.5s forwards fade-in}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-slide-enter{opacity:0;animation:.5s forwards fade-slide-in}.expand-on-hover{transition:transform .3s ease-in-out}.expand-on-hover:hover{transform:scale(1.1)}.icon-regular{color:#fff;font-size:1.5rem;transition:color .3s ease-in-out;position:relative}.icon-regular:hover{color:#4fc3f7}.icon-regular:after{content:"";transform-origin:50%;background-color:#4fc3f7;width:100%;height:2px;transition:transform .4s ease-in-out;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)scaleX(0)}.icon-regular:hover:after{transform:translate(-50%)scaleX(1)}.blog-image{object-fit:cover;width:100%;height:auto}.blog-image-right{float:right;max-width:320px;height:auto;margin:15px 15px 15px 0}.blog-image-left{float:left;max-width:320px;height:auto;margin:15px 15px 15px 0}.portrait-image{border-radius:50%;box-shadow:0 0 25px rgba(255,255,255,.1)}