@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap");html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--clr-bg);color:var(--clr-fg);line-height:1.5;transition:background-color .3s ease,color .3s ease}.light{--clr-bg:#fcfcfc;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#2978b5;--shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--clr-link:#b39ddb;--shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px}.dark .link,.dark a{color:var(--clr-link,#b39ddb)!important}.app{min-height:100vh}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{text-transform:none;background-color:var(--clr-bg-alt);box-shadow:0 3px 3px 0 rgba(0,0,0,.15);border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}}pre{background:var(--clr-bg-alt);color:var(--clr-fg);padding:1rem;border-radius:8px;overflow-x:auto;box-shadow:var(--shadow)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem}pre code{display:block;white-space:pre}