body{color:#fff;background-color:#00204a;margin:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#hero{flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}#preddies{flex-wrap:wrap;display:flex}.prediction{color:#fff;text-align:center;background-color:#db9229;border-radius:15px;justify-content:center;align-items:center;width:200px;height:150px;margin:6px;padding:5px;display:flex;box-shadow:0 4px 8px #0003;container-type:inline-size}.prediction p{margin:0;line-height:1}#links{text-align:left;color:#fff;flex-direction:column;width:400px;font-size:x-large;display:flex}#links a{color:#fff;border:1px solid #fff;border-radius:5px;margin:10px 0;padding:10px;text-decoration:none}#links a:hover{cursor:pointer;background-color:#1f1f1f}#header{max-width:1200px}#navbar{flex-direction:row;display:flex}#navbar a{color:#fff;margin-right:20px;text-decoration:none;transition:color .2s}#navbar a:hover{cursor:pointer;color:#91a4d2}#blog{margin-top:50px}#blog a{color:#fff;margin-top:50px}#echo{background-color:#1e222d;border-radius:10px;width:360px;margin-top:50px;margin-left:auto;margin-right:auto;padding:20px}#echo>h4{margin:0 0 15px}#echo>input{color:#fff;background-color:#0000;border:none;border-bottom:1px solid #fff;outline:none;width:100%;padding:0 0 5px;transition:border-bottom-color .2s;display:block}#echo>input:focus{border-bottom-color:#6d85c6}#echo>p{margin:20px 0 0 auto}@keyframes popIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.animate-enter{opacity:0;animation:.3s ease-out forwards popIn}.firework-shell{pointer-events:none;z-index:50;width:0;height:0;position:absolute}.particle-wrapper{transform-origin:0 0;position:absolute;top:0;left:0}.particle{border-radius:50%;width:6px;height:6px;animation:2s ease-out forwards blast}@keyframes blast{0%{opacity:1;transform:translateY(0)scale(1)}to{transform:translateY(var(--dist))scale(0);opacity:0}}