@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#d8d8d8;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:400;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#929292;background-color:#f7f7f7}a:hover{color:#747bff}button{background-color:#f9f9f9}}nav{grid-area:nav}body{height:100%;min-width:320px;min-height:100vh;width:100%}.base-container{display:grid;grid-template-columns:20% 40% 40%;grid-template-rows:10% 40% 50%;grid-template-areas:"nav main main" "nav main main" "nav main main";height:100vh;background-color:#f7f7f7}header form{width:100%;text-align:center}.visual-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}main{grid-area:main;display:grid;grid-template-columns:20% 40% 40%;grid-template-rows:10% 40% 50%;grid-template-areas:"header header header" "card-cont card-cont card-cont" "card-cont card-cont card-cont";height:100vh;padding-right:10px}.card-container a{height:min-content}.tool-cont{width:100%;display:grid;grid-template-columns:17% 80%;justify-items:start}.icon-cont{height:fit-content;display:grid;grid-template-rows:50% 50%;justify-self:end}