@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:poppins}html,body{height:100%;width:100%}.flex{display:flex;overflow:hidden}a{text-decoration:none;color:#000}h1{font-size:2.5rem}h1,h2,h3{letter-spacing:.05rem}code{color:#ffff7f}p{letter-spacing:.05rem}.main{min-height:110vh;width:100%;overflow:hidden;align-items:center;justify-content:center;padding:100px 200px 50px 400px;background-color:#202123;color:#fff}.nav{width:100%;height:53px;z-index:101;position:fixed;top:0;right:0;align-items:center;padding-inline:20px;justify-content:space-between;color:#cecece;background-color:#3c3e49cc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.AsideNav{width:250px;height:100%;max-height:100%;overflow-y:auto;position:fixed;top:50px;left:0;flex-direction:column;background-color:#e5e5e5;padding:10px;gap:20px;transition:left .5s cubic-bezier(.175,.885,.32,1.275)}.AsideNav h3{padding:20px;font-weight:400;color:#cfcfcf;background-color:#202123;letter-spacing:.05rem;border-radius:5px}.asideLinks{flex-direction:column;gap:10px}.AsideLinkH3{color:#cfcfcf}.asideLinks span{height:30px;width:100%;overflow:hidden;padding:5px 2px;border-radius:5px;transition:all .2s ease-out}.asideLinks span:hover{background-color:#b8b8b8}.codebox{background-color:#000;color:#fff;height:100%;padding:20px;overflow:hidden;scroll-behavior:smooth;width:100%;margin:20px 0;border-radius:20px}.AsideNav .linkContainer.active{background-color:#9a9a9a}.socialLinks{gap:20px;flex-wrap:wrap}.socialLinks a{padding:5px;color:#fff;background-color:#f08080;transition:all .2s ease-out;border-radius:3px}.socialLinks a:hover{background-color:#000}.crossAside{display:none;position:fixed;top:60px;padding:10px;background-color:#ff5252;right:10px;border-radius:50%;color:#d7d7d7;font-size:1.2rem}@media screen and (max-width: 900px){.main{padding:70px 20px 30px}.crossAside{display:flex}.AsideNav{left:-300px}}