@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300&family=Roboto:wght@300&display=swap";@import"https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round";*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6{font-family:Kalam,cursive}body{background-color:#262626;box-sizing:border-box;color:#424242;margin:0}a{color:#3181a3;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:bolder;text-decoration:none}a:hover{color:#64a3be}p{line-height:1.5}::-webkit-scrollbar{background-color:#f5f5f5;width:8px}::-webkit-scrollbar-thumb{background-color:#424242}.buttonSelected{background-color:#424242!important;color:#f3f3f3!important}.socials{display:flex;margin:5px 0}.socials img{filter:invert(30%) sepia(5%) saturate(17%) hue-rotate(314deg) brightness(101%) contrast(88%);height:25px;margin:0 10px;width:25px}.socials a{position:relative}.demos{display:grid;gap:30px;grid-template-columns:repeat(1,1fr)}@media screen and (min-width:1800px){.demos{display:grid;gap:30px;grid-template-columns:repeat(2,1fr)!important}}p{font-family:Roboto,sans-serif;font-size:1.2rem}h1{font-size:2rem;font-weight:700}