.alert{padding:1em;border-radius:5px;background-color:maroon;color:#fff;margin-top:10px;margin-bottom:10px}.alert.success{background-color:green}.pagination li a{color:#c5c5c5}.yellow .pagination li a{color:#222}.yellow .pagination li.active{background-color:#000}.yellow .pagination li.active a{color:#ffee58}.h-100{height:100%}.flex{display:flex;align-items:center;justify-content:space-between}.flex--evenly{justify-content:space-evenly}.flex--center{display:flex;align-items:center;justify-content:center}.flex .between{justify-content:space-between}.grid{display:grid;gap:5px;grid-template-columns:1fr}.grid.gap--10{gap:10px}.grid.col--2{grid-template-columns:1fr 1fr}.grid.col--3{grid-template-columns:1fr 1fr 1fr}.grid.col--4{grid-template-columns:1fr 1fr 1fr 1fr}.grid.col--5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.grid.col--10{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.grid.col--responsive{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:500px){.grid.col--responsive{grid-template-columns:1fr 1fr}}.grid .grid-item{padding:10px 5px;text-align:center;border-radius:5px}.grid .active{font-weight:bold}.text-bold{font-weight:bold!important}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.ribbon-wrapper{width:108px;height:108px;overflow:hidden;position:absolute;top:-6px;right:-6px}.ribbon-wrapper .ribbon{font:bold 15px sans-serif;line-height:18px;color:#e9ea7b;text-align:center;text-transform:uppercase;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;padding:7px 0;left:-4px;top:26px;width:150px;background-color:#6daaab;box-shadow: 0 4px 6px rgb(0 0 0 / 10%);letter-spacing:.5px;box-shadow: -3px 5px 6px -5px rgb(0 0 0 / 50%);outline:1px dotted #e5e82c;outline-offset:-4px;background-image:radial-gradient(circle farthest-side,#ff1c1a,#bf0b00);text-shadow: 2px 1px 0px rgb(0 0 0 / 20%)}.ribbon-wrapper .ribbon:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:4px solid #bf0b00;border-right:4px solid transparent;border-bottom:4px solid transparent;border-top:4px solid #bf0b00}.ribbon-wrapper .ribbon:after{content:"";position:absolute;right:7px;top:100%;z-index:-1;border-left:4px solid transparent;border-right:4px solid #bf0b00;border-bottom:4px solid transparent;border-top:4px solid #bf0b00}.ribbon-wrapper .ribbon:before,.ribbon-wrapper .ribbon:after{content:"";border-top:4px solid #bf0b00;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;bottom:-4px}.ribbon-h-wrapper{height:40px;overflow:hidden;position:absolute;top:0;right:-4px;left:-4px}.ribbon-h-wrapper .ribbon{font-size:15px;font-weight:bold;line-height:18px;color:#e9ea7b;text-align:center;text-transform:uppercase;position:relative;padding:5px 0;left:0;right:0;background-color:#6daaab;box-shadow: 0 4px 6px rgb(0 0 0 / 10%);letter-spacing:.5px;box-shadow: -3px 5px 6px -5px rgb(0 0 0 / 50%);outline:1px dotted #ffee58;outline-offset:-4px;background-image:radial-gradient(circle farthest-side,#ff1c1a,#bf0b00);text-shadow: 2px 1px 0px rgb(0 0 0 / 20%)}.ribbon-h-wrapper .ribbon:before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:4px solid #bf0b00;border-right:4px solid transparent;border-bottom:4px solid transparent;border-top:4px solid #bf0b00}.ribbon-h-wrapper .ribbon:after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:4px solid transparent;border-right:4px solid #bf0b00;border-bottom:4px solid transparent;border-top:4px solid #bf0b00}.ribbon-h-wrapper .ribbon:before,.ribbon-h-wrapper .ribbon:after{content:"";border-top:4px solid #bf0b00;border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;bottom:-4px}