formatting missing

Hi, I created a shortcode with the following but the styling isn’t taking place. Am I missing something?

<div id="mni-widgets-1664300152268"></div>
<script type="text/javascript">
/*<![CDATA[*/
var _mniwq=_mniwq||[];
_mniwq.push(["1664300152268.type","events_upcoming"],["1664300152268.display","text"],["1664300152268.category",6],["1664300152268.limit",5],["1664300152268.marquee",false],["1664300152268.showEndDate",false],["1664300152268.showLocation",false],["1664300152268.showLinks",true],["1664300152268.popUp",true],["1664300152268.dateFormat","MMM d"],["1664300152268.styleTemplate","#@id .mn-scroll-container{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:130%;margin:8px;position:relative}#@id .mn-scroll-item{-moz-border-radius:5px;-webkit-border-radius:5px;background-clip:padding-box;background-color:#000000;border-radius:5px;color:#FFFFFF;margin:0 0 4px;position:relative}#@id .mn-scroll-item:hover{background-color:#000000;color:#FFFFFF}#@id .mn-scroll-name,#@id .mn-scroll-teaser{display:block;padding:5px 3px 5px 58px;position:relative}#@id .mn-scroll-link{color:inherit;text-decoration:none}#@id .mn-scroll-link:hover{text-decoration:underline}#@id .mn-scroll-date{font-size:75%;font-weight:700;left:3px;position:absolute;text-align:center;top:5px;width:50px}"],["1664300152268.create","mni-widgets-1664300152268"]);
(function(b,d,a,c){b.getElementById(d)||(c=b.getElementsByTagName(a)[0],a=b.createElement(a),a.type="text/javascript",a.async=!0,a.src="https://cyfairhoustonchamber.chambermaster.com/Content/Script/Widgets.js",c.parentNode.insertBefore(a,c))})(document,"mni-widgets-script","script");
/*]]>*/
</script>
<style>
#mni-widgets-1664300152268 .mn-scroll-date {font-size: 115%;}
#mni-widgets-1664300152268 .mn-scroll-name {padding: 15px 3px 5px 0px;}
.cms-box-styling .mn-scroll-item.mn-has-enddate .mn-scroll-name {
padding-left: 0!important;
}
.ua-chrome .cms-box-styling .mn-scroll-item {
float: left;
}
.cms-box-styling {margin-bottom:30px;}
.cms-box-styling .mn-scroll-container {
height: auto;
}
.cms-box-styling .mn-scroll-slider {
column-count:5;
-moz-column-count: 5;
-webkit-column-count: 5;
}
.cms-box-styling .mn-scroll-item {
-moz-border-radius: 0;
-webkit-border-radius: 0;
background-clip: padding-box;
background-color: #66bd4a;
border-radius: 15px 0 0 0;
color: #ffffff !important;
position: relative;
min-height: 250px;
max-height:250px;
box-sizing: border-box;
vertical-align: top;
padding: 50px 20px;
width: 100%;
display: block;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin: 0 0 15px;
}
.ua-ie .cms-box-styling .mn-scroll-item {
display: inline-block;
}
.ua-chrome .cms-box-styling .mn-scroll-item {
float: left;
}

@media (min-width: 768px) {
.cms-box-styling .mn-scroll-container {
height: auto;
}
}
.cms-box-styling .mn-scroll-teaser {
display:none;
}
.cms-box-styling .mn-scroll-name {
font-size: 150%;
padding-top: 20px;
}
.cms-box-styling .mn-scroll-item.mn-has-enddate .mn-scroll-name {
padding-left: 0;
}
.cms-box-styling .mn-scroll-name, .cms-box-styling .mn-scroll-location {
display: block;
padding: 10px 0;
position: relative;
text-align: center;
}
.cms-box-styling .mn-scroll-location:before {
content: "f041";
position: relative;
top: 1px;
display: inline-block;
font-family: 'FontAwesome';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 3px;
}
.cms-box-styling .mn-scroll-link {
color: inherit;
text-decoration: none;
}
.cms-box-styling .mn-scroll-link:hover {
text-decoration: underline;
}
.cms-box-styling .mn-scroll-date {
font-size: 110%;
font-weight: 700;
left: 0;
position: absolute;
text-align: left;
top: 0;
width: 45%;
display: block;
height: 50px;
color: #ffffff;
/*width: 80px;*/
background-color: #8e0107;
padding-top: 10px;
padding-left: 0px;
}
.cms-box-styling .mn-scroll-item:hover {
opacity: 0.8;
}
.cms-box-styling .mn-is-long-date .mn-scroll-date {
width:auto;
min-width:80px;
height:auto;
min-height:50px;
padding:5px 10px 5px 20px;
display:flex;
flex-direction:column;
justify-content: center;
}
.cms-box-styling .mn-scroll-item:nth-child(odd) {
/*background-color: #013957;*/
}

@media (max-width: 992px) {
.cms-box-styling .mn-scroll-slider {
column-count:3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
}
@media (max-width: 645px) {
.cms-box-styling .mn-scroll-slider {
column-count:1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
}

.mn-scroll-slider .mn-scroll-item {
    background-image: -webkit-gradient(linear,lefttop,leftbottom,from(#66bd4a),to(#48A00D));
    background-image: -webkit-linear-gradient(top,#000000,##BEBEBE);
    background-image: -moz-linear-gradient(top,#000000,##BEBEBE);
    background-image: -ms-linear-gradient(top,#000000,##BEBEBE);
    background-image: -o-linear-gradient(top,#000000,##BEBEBE);
  background-image: linear-gradient(top,#000000,##BEBEBE);}
  a.mn-scroll-name.mn-scroll-link {word-wrap: break-word !important;}
</style>

The page I need help with: [log in to see the link]