body{background-color:var(--color-base-100);color:var(--color-base-content);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{background-color:var(--color-base-100);color:var(--color-base-content)}#hero{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}#links{text-align:left;flex-direction:column;width:400px;font-size:x-large;display:flex}#links a{border:1px solid;border-radius:5px;margin:10px 0;padding:10px;text-decoration:none}#links a:hover{cursor:pointer}#header{max-width:1200px}#navbar{flex-direction:row;display:flex}#navbar a{margin-right:20px;text-decoration:none;transition:color .2s}#navbar a:hover{cursor:pointer}#blog,#blog a{margin-top:50px}#echo{border-radius:10px;width:360px;margin-top:50px;margin-left:auto;margin-right:auto;padding:20px}#echo>h4{margin:0 0 15px}#echo>input{background-color:#0000;border:none;border-bottom:1px solid;outline:none;width:100%;padding:0 0 5px;transition:border-bottom-color .2s;display:block}#echo>input:focus{border-bottom-color:var(--color-primary)}#echo>p{margin:20px 0 0 auto}