*{font:"Fira Code"}#underline{text-decoration:underline solid 2px #ebdbb2}.main{height:90%;flex-flow:column;justify-content:center;align-items:center}.intro{display:flex;flex-direction:column}.button-container{width:80%;margin-top:2%;display:flex;gap:20px;flex-direction:row;flex-wrap:wrap;justify-content:center}.buttons-container{display:flex;flex-grow:2}.button-blog{display:flex;color:#665c54;flex-basis:0;flex-direction:column;text-align:start;background-color:#d5c4a1;border:0px solid #cc241d;width:448px;height:100px;border-radius:6px;border-bottom:solid 5px #d5c4a1;transition:all .6s cubic-bezier(.25,.1,.25,1);overflow:hidden}.button-blog:hover{cursor:pointer;border-bottom:solid 5px #cc241d;height:200px;transition:all .6s cubic-bezier(.25,.1,.25,1)}.dates{display:flex;gap:10px}.blog-date{margin:0;padding:2px;color:#504945;font-size:11pt}.blog-title{color:#504945;text-decoration:underline 1.5pt;margin:0;font-size:23pt}.blog-desc{color:#665c54}.article-container{display:flex;justify-content:center;align-items:center}article{width:80%}.title-blog{color:#cc241d}h1{color:#cc241d;font-size:220%;text-decoration:underline 3px}h2{color:#d79921;text-decoration:underline 3px}hr{color:#ebdbb2;background-color:#ebdbb2}hr.light{color:#3c3836;background-color:#3c3836;width:80%}.button-blog.svelte-as72kh{overflow:hidden}.blog-description.svelte-as72kh{color:#665c54}