@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@import"https://fonts.cdnfonts.com/css/proclamate";@import"https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Butcherman&family=Long+Cang&display=swap";@import"https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap";.abel-regular{font-family:Abel,sans-serif;font-weight:400;font-style:normal}.special-gothic-condensed-one-regular{font-family:Special Gothic Condensed One,sans-serif;font-weight:400;font-style:normal}.info{font-family:Abel,sans-serif;font-weight:400;font-style:normal;font-size:2rem;text-align:center;overflow-wrap:break-word}.header{font-family:Special Gothic Condensed One,sans-serif;font-weight:400;font-style:normal;font-size:4rem}ul{list-style:none;padding-left:0}#container{display:flex;justify-content:space-between}@media screen and (max-width:900px){#container{display:block;justify-content:space-between;flex-wrap:wrap}}#about{border-right:solid 1px black;padding-right:1rem;width:70%}@media screen and not (max-width:900px){.association{width:60%}}@media screen and (max-width:900px){#about{border:none;margin:auto;padding-right:1rem;width:70%}.association{width:100%}}#more_info{padding-top:5rem}@media screen and (max-width:900px){#more_info{display:block;justify-content:space-between;padding-top:5rem;flex-wrap:wrap}}#demos{padding-left:1rem}figcaption{font-size:1rem}img.work{width:10rem;padding:1rem}.works{gap:1rem}img.download{width:2rem}img.social_media_logo{width:3rem}div.socials{display:flex;justify-content:center;align-items:center;gap:.5rem}div.books{display:inline-block;position:relative;font-family:Poppins,sans-serif;font-size:2rem;letter-spacing:-.3rem;z-index:1}div.books span{margin:0 auto 0 .3em;display:inline-block;position:relative}div.books span:before{content:"";position:absolute;top:-.2em;left:-.2em;width:100%;height:100%;padding:.2em;z-index:-1}div.books span:nth-child(1){font-family:Proclamate Light,sans-serif;text-transform:lowercase;color:#ffc863}div.books span:nth-child(1):before{background:#332929;clip-path:polygon(0 0,100% 0%,100% 100%,0 83%)}div.books span:nth-child(2){font-style:italic;font-family:Playfair Display,serif;color:#023020;text-shadow:.02em .02em 0 #a52a2a,.03em .03em 0 #a52a2a}div.books span:nth-child(2):before{background:wheat}div.books span:nth-child(3){font-family:Satisfy,cursive;font-weight:400;font-style:normal;color:#28282b}div.books span:nth-child(3):before{background:brown;clip-path:polygon(20% 0%,99% 0,100% 100%,0% 100%)}div.books span:nth-child(4){font-family:Love Ya Like A Sister,cursive;color:#22232e}div.books span:nth-child(4):before{background-image:radial-gradient(rgba(0,194,203,.7) 3px,transparent 3px);background-color:#e0ffff;background-size:10px 10px;clip-path:polygon(20% 0%,99% 0,100% 100%,0% 100%)}div.books span:nth-child(5){font-family:Poppins,serif;color:#00c2cb;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.07em rgba(237,10,139,.7)}div.books span:nth-child(5):before{background:#00c2cbb3;clip-path:polygon(0 24%,100% 20%,100% 86%,0 82%)}.butcherman_regular{font-family:Butcherman,system-ui;font-weight:400;font-style:normal;color:#780606}.retro{font-family:Mr Dafoe;margin:-.6em 0 0;font-size:2.5rem;color:#fff;text-shadow:0 0 .05em #fff,0 0 .2em #fe05e1,0 0 .3em #fe05e1;transform:rotate(-7deg)}.long_cang{font-family:Long Cang,cursive;font-weight:400;font-style:normal;font-size:3rem;color:#7c996e}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-image:linear-gradient(to right,#fffc 0 100%),url(/assets/me-C6wwJf-r.jpg);background-size:cover;background-repeat:no-repeat}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.infobox{position:absolute;background-color:red}