#boxcontainer,.dot,.dot:hover{background-color:#f5f5f5}body,html{height:100%;margin:0;padding:0}#wrapper{min-height:100%;display:flex;flex-direction:column}#boxcontainer{margin:68px 0;width:100%;height:auto;border:0 solid #000;position:relative;display:flex;justify-content:center;flex-direction:column}.slideshow-container{border:0 solid;position:relative;margin:auto;width:82%}.dot{height:8px;width:8px;margin:0 4px;border:1px solid #7f7f7f;border-radius:50%;display:inline-block;transition:background-color 1s ease-in-out,transform .3s;cursor:pointer}.footer,.footer-text,body{display:flex}.active{background-color:#b2b2b2}.fade{animation-name:fade;animation-duration:8s}@keyframes fade{0%,100%{opacity:0}15%,94%{opacity:1}}.footer{justify-content:center;flex-direction:column;margin-bottom:0}.footer-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:6px}.footer-text{align-items:center;text-align:center}body{flex-direction:column;min-height:100vh;overflow-y:scroll;overflow:-moz-scrollbars-vertical}main{flex:1}